@charset "utf-8";
body,div,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,button,img,span {padding:0px;margin:0px;border:0px;}
html,body {height:100%;color: var(--colour333);font:14px/1 "Microsoft YaHei","Microsoft YaHei",Microsoft YaHei;}
ul,ol {list-style:none;}
img{max-width: 100%;height: auto !important;}
a:link,a:hover,a:visited,a:active,a:focus {text-decoration: none;color: #555;}
a:hover{color: var(--colour1);}

/*浮动样式*/
.fl {float:left;}
.fr {float:right;}
.clear {display: block;clear: both;}
.clearfix {zoom: 1;}
.clearfix::before,.clearfix::after{content: ''; display: block; clear: both;height: 0;visibility: hidden;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.wl{width: 48%;float: left;padding-top: 15px;}
.wr{width: 48%;float: right;margin-left: 4%;padding-top: 15px;}

.wrapper{min-height:calc(100% - 306px);}
.footer_bg{height:306px;background-color:var(--footer);color:var(--colourw);}
.footer_bg a{color:var(--colourc);}
.container {padding-right: 0px;padding-left: 0px;margin-right: auto;margin-left: auto;}
/* main */
.main{margin: 20px 0;}
.aside{height:auto;}
.main_box{background: var(--colourw);overflow: hidden;}
.main_inbox{width: 70%;}

.main_1box{width: 70%;}
.main_box{width: 73%;box-shadow: 0 0 5px rgba(1,11,54,0.15);padding:1.35rem;}
.hide1{}
.hide2{display: none!important;}/**/
/*icon图标*/
@font-face {
  font-family: "iconfont"; /* Project */
  src: url('../font/iconfont2.woff2') format('woff2'),
       url('../font/iconfont2.woff') format('woff'),
       url('../font/iconfont2.ttf') format('truetype');
}
.iconfont2 {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-jinrujiantou:before {content: "\e88e";}
.icon-dingwei:before {content: "\e64e";}
.icon-home:before {content: "\e692";}
.icon_xiangguan:before {content: "\e6d3";}
.icon-fanhui:before {content: "\e72e";}
@font-face {
  font-family: "iconfont"; /* Project id 2687967 */
  src: url('../font/iconfont1.woff2.txt') format('woff2'),
       url('../font/iconfont1.woff.txt') format('woff'),
       url('../font/iconfont1.woff.txt') format('truetype');
}
.iconfont1 {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
@font-face {
  font-family: 'iconfont';  /* project id 325027 */
  src: url('../font/font_footer.woff') format('woff'),
       url('../font/font_footer.ttf') format('truetype'),
}
.iconfont_footer {font-family: iconfont;font-style: normal;}

/*popups*/
@keyframes warnX {
0% {box-shadow: 0 0 0 12px rgba(255,199,92,0.6);}
50% {box-shadow: 0 0 0 0px rgba(255,199,92,0);}
100% {box-shadow: 0 0 0 12px rgba(255,199,92,0.6);}
}
.popups{background: #ffc75c;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZjNzVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmOGY1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, #ffc75c 1%, #ff8f5c 100%);background: -webkit-linear-gradient(-45deg, #ffc75c 1%,#ff8f5c 100%);background: linear-gradient(135deg, #ffc75c 1%,#ff8f5c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc75c', endColorstr='#ff8f5c',GradientType=1 );
  width: 60px;height: 60px;border-radius: 50%;position: fixed;right: 10px;top: 35%;box-shadow: 0 0 0 12px rgba(255,199,92,0.6);cursor: pointer;animation: warnX 5s ease-out 0s;z-index: 99;}
.popups span{color: var(--colourw);width: 60px;height: 60px;line-height: 15px;font-size:15px;padding:15px;display: block;}
.popup {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 9999;display: none;}
.popupbox {margin: 0 auto;position: relative;top: 50%;transform: translateY(-30%);width: 350px;height: 390px;-moz-box-shadow: 0px 0px 5px rgba(238, 241, 245, 0.74);-webkit-box-shadow: 0px 0px 5px rgba(238, 241, 245, 0.74);box-shadow: 0px 0px 5px rgba(238, 241, 245, 0.74);}
.popup-img {width: 100%;height: 100%;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
/*yb_conct start*/
.yb_conct { position: fixed;z-index: 99;top: calc(50% - 180px);right: -127px;cursor: pointer;transition: all .3s ease; }
.yb_conct a {color: var(--colourw);text-decoration: none;}
.yb_conct li:hover,.yb_conct a:hover {color: var(--colour1);}
.yb_bar ul li {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: var(--colourw);text-indent: 54px;margin-bottom: 1px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar ul li a {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: var(--colourw);text-indent: 54px;margin-bottom: 1px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top {background: var(--colour2) url(../images/yb_bar.png) no-repeat 0 0;}
.yb_bar .yb_phone {background: var(--colour2) url(../images/yb_bar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ {text-indent: 0;background: var(--colour2) url(../images/yb_bar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode {background: var(--colour2) url(../images/yb_bar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px; width: 100%;}
.yb_QQ a,.yb_phone a {display: block;text-indent: 54px;font-size:16px;width: 100%;height: 100%;color: var(--colourw);}

/* sideFixed */
.sideFixed {position: fixed;right: 0;bottom: 25%;z-index: 99;}
.sideFixed li {position: relative;width: 80px;height: 80px;margin-bottom: 6px;background: var(--colour2);border-radius: 4px;color: var(--colourw);
  text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;}
.sideFixed #goTop {display: none;}
.sideFixed li a {width: 80px;height: 80px;display: flex;flex-direction: column;justify-content: center;align-items: center;color: var(--colourw);}
@keyframes shake-icon {
0%{transform: rotate(-20deg)}
50%{transform: rotate(20deg)}
100%{transform: rotate(-20deg)}
}
.sideFixed li .icon {display: block;width: 100%;}
.sideFixed li:hover .icon{animation: shake-icon .5s;animation-iteration-count: infinite;}
.sideFixed li .icon-top {height: 19px;background: url("../images/icon-top.png") no-repeat center;}
.sideFixed li .icon-service {height: 35px;background: url("../images/icon-service.png") no-repeat center;}
.sideFixed li .icon-tel {height: 35px;background: url("../images/tel-w.png") no-repeat center;}
.sideFixed li .icon-wx {height: 35px;background: url("../images/icon-wx.png") no-repeat center;}
.sideFixed .tel-info {position: absolute;left: -180px;top: 0;width: 170px;height: 80px;box-sizing: border-box;
  padding: 5px 5px 5px 5px;background-color: var(--colour2);border-radius: 4px;transition: ease-in left .5s;display: none;z-index: -998;}
.sideFixed .tel-info span{display: block;font-size: 17px;line-height: 30px;}
.sideFixed .tel-info span:last-child{font-size: 22px;line-height: 44px;}
.sideFixed .tel:hover .tel-info{display: block;}
.sideFixed li p {margin-top: 5px;}
.sideFixed .wx .code {position: absolute;right: -170px;top: -90px;width: 170px;height: 170px;box-sizing: border-box;
padding: 5px 5px 5px 5px;background: var(--colour2);border-radius: 4px 0 0 4px;transition: ease-in left .5s;opacity: 0;z-index: -999;}
.sideFixed .wx .code img {display: block;width: 160px;height: 160px;}
.sideFixed .wx:hover {border-radius:  0 4px 4px 0 ;}
.sideFixed .wx:hover .code {right: 90px;opacity: 1;}
/*右侧漂浮1*/
.client-1 {width: 50px;position: fixed;right: 15px;z-index: 99;top: 50%;}
.client-1 li a {text-decoration: none;color: var(--colourw);}
.client-1 li {background:url(../images/fx.png) no-repeat;display:block;margin-bottom: 5px;width: 50px;height: 50px;border-radius: 50%;cursor: pointer;position: relative;}
.client-1 li.my-kefu-qq {background:var(--colour2) url(../images/cimg23.png) center no-repeat;background-size:28px;}
.client-1 li.my-kefu-weixin {background:var(--colour2) url(../images/cimg24.png) center no-repeat;background-size:44px;}
.client-1 li.my-kefu-tel {background:var(--colour2) url(../images/cimg25.png) center no-repeat;background-size:28px;}
.client-1 li.my-kefu-shouye {background:var(--colour2) url(../images/tohome.png) center no-repeat;background-size:28px;}
.client-1 li.my-kefu-shouye a {width: 50px;height: 50px;display: block;}
.client-1 li.my-kefu-ftop {background:var(--colour2) url(../images/returnTop.png) center no-repeat;background-size:28px;}
.client-1 li p {height: 20px;font-size: 12px;line-height: 20px;overflow: hidden;text-align: center;color: var(--colourw);}
.client-1 li.my-kefu-qq .cont {margin: 0;background:var(--colour2) url(../images/cimg23.png) 15px center no-repeat;background-size:28px;border-radius: 50px;padding-left: 45px;height: 50px;line-height: 50px;color: var(--colourw);font-size: 16px;width: 130px;position: absolute;top: 0;right: 0;z-index: 99;}
.client-1 li.my-kefu-tel .cont {margin: 0;background:var(--colour2) url(../images/cimg25.png) 15px center no-repeat;background-size:28px;border-radius: 50px;padding-left: 45px;height: 50px;line-height: 50px;color: var(--colourw);font-size: 18px;width: 180px;position: absolute;top: 0;right: 0;z-index: 99;}
.client-1 .my-kefu-ftop {display: none;}
.client-1 .my-kefu-ftop .my-kefu-main {padding-top: 6px;}
.client-1 li.my-kefu-weixin .cont {margin: 0;width: 115px;padding: 5px;border: solid 1px var(--colourc);position: absolute;left: -150px;top: -44px;background-color: var(--colourw);}
.client-1 li.my-kefu-weixin .cont  span {display: block;line-height: 20px;font-size: 12px;text-align: center;color: var(--colourc);}
.client-1 li.my-kefu-weixin .cont  img {width: 120px;height: 120px;}
.client-1 li:hover .cont {display: block!important;}
/*右侧漂浮2*/
.client-2 {position:fixed;right:-170px;top:50%;z-index:99;}
.client-2 li a {text-decoration:none;}
.client-2 li {margin-top:1px;clear:both;height:71px;position:relative;}
.client-2 li i {background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin: 4px auto 0;text-align:center;}
.client-2 li p {height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:var(--colourw);}
.client-2 .my-kefu-qq i {background-position:4px 5px;}
.client-2 .my-kefu-tel i {background-position:0 -21px;}
.client-2 .my-kefu-liuyan i {background-position:4px -53px;}
.client-2 .my-kefu-weixin i {background-position:-34px 4px;}
.client-2 .my-kefu-weibo i {background-position:-30px -22px;}
.client-2 .my-kefu-ftop {display:none;}
.client-2 .my-kefu-ftop i {width:33px;height:35px;background-position:-27px -51px;}
.client-2 .my-kefu-left {float:left;width:77px;height:47px;position:relative;}
.client-2 .my-kefu-tel-right {font-size:16px;color:var(--colourw);float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid var(--colourw);margin-top:14px;}
.client-2 .my-kefu-right {width:20px;}
.client-2 .my-kefu-tel-main {background:var(--colour2);color:var(--colourw);height:71px;width:247px;padding:9px 0 6px;float:left;}
.client-2 .my-kefu-main {background:var(--colour2);width:97px;height:71px;position:relative;padding:9px 0 6px;float:left;}
.client-2 .my-kefu-weixin-pic {position:absolute;left:-130px;top:-24px;display:none;z-index:999;}
.my-kefu-weixin-pic img {width:115px;height:115px;}
/*右侧漂浮3*/
.client-3 {width: 45px;position: fixed;right: 25px;top: 50%;z-index: 99;color: var(--colourw);}
.client-3 li a {text-decoration: none;color: var(--colourw);}
.client-3 li {background:url(../images/fx.png) no-repeat;display:block;margin-bottom: 5px;width: 60px;height: 60px;border-radius: 50%;cursor: pointer;position: relative;}
.client-3 li.my-kefu-qq {background:var(--colour2) url(../images/cimg23.png) center no-repeat;background-size:28px;}
.client-3 li.my-kefu-weixin {background:var(--colour2) url(../images/cimg24.png) center no-repeat;background-size:44px;right: 0px;}
.client-3 li.my-kefu-tel {background:var(--colour2) url(../images/cimg25.png) center no-repeat;background-size:28px;}
.client-3 li.my-kefu-shouye {background:var(--colour2) url(../images/tohome.png) center no-repeat;background-size:28px;}
.client-3 li.my-kefu-shouye a {width: 45px;height: 45px;display: block;}
.client-3 li.my-kefu-ftop {background:var(--colour2) url(../images/returnTop.png) center no-repeat;background-size:28px;}
.client-3 li p {height: 20px;font-size: 12px;line-height: 20px;overflow: hidden;text-align: center;color: var(--colourw);}
.client-3 li.my-kefu-qq .cont {margin: 0;background:var(--colour2) url(../images/cimg23.png) 15px center no-repeat;background-size:28px;border-radius: 50px;padding-left: 45px;height: 60px;line-height: 60px;color: var(--colourw);font-size: 16px;width: 130px;position: absolute;top: 0;right: 0;z-index: 99;}
.client-3 li.my-kefu-tel .cont {margin: 0;background:var(--colour2) url(../images/cimg25.png) 15px center no-repeat;background-size:28px;border-radius: 50px;padding-left: 45px;height: 60px;line-height: 60px;color: var(--colourw);font-size: 18px;width: 180px;position: absolute;top: 0;right: 0;z-index: 99;}
.client-3 .my-kefu-ftop {display: none;}
.client-3 .my-kefu-ftop .my-kefu-main {padding-top: 6px;}
.client-3 li.my-kefu-weixin .cont {margin: 0;width: 115px;padding: 5px;border: solid 1px var(--colourc);position: absolute;left: -150px;top: -44px;background-color: var(--colourw);}
.client-3 li.my-kefu-weixin .cont  span {display: block;line-height: 20px;font-size: 12px;text-align: center;color: var(--colourc);}
.client-3 li.my-kefu-weixin .cont  img {width: 120px;height: 120px;}
.client-3 li:hover .cont {display: block!important;}
/* -- slideBox -- */
.slideBox{width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .bd{position:relative; height:100%; z-index:0;}
.slideBox .bd li{zoom:1; vertical-align:middle;}
.slideBox .bd img{width:100%; height:auto; display:block;}
.slideBox .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:16px;line-height:16px;}
.slideBox .hd ul {text-align:center;}
.slideBox .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:var(--colour2); cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.slideBox .hd ul .on {background:var(--colour1);border-radius: 5px; width:70px;}
.slideBox a.prev,.slideBox a.next {display:none;position:absolute;width:81px; height:81px;top:50%;margin-top:-30px;cursor:pointer; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;opacity:0; transition:0.3s all ease-in-out;}/*width:49px; height:104px; top:50%;margin-top:-40px;*/
.slideBox a.prev{left:-5%; background:url(../images/glBtn.png) no-repeat;}/*background:url(../images/prevnext.png) no-repeat 0 0;*/
.slideBox a.next {right:-5%;background:url(../images/grBtn.png) no-repeat;}/*background:url(../images/prevnext.png) no-repeat -49px 0;*/
/*.slideBox a.prev,.slideBox a.next{display:none; position:absolute; width:49px; height:104px; top:50%;margin-top:-40px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out;}
.slideBox a.prev{left:-5%; background:url(../images/prevnext.png) no-repeat 0 0;} 
.slideBox a.next{right:-5%; background:url(../images/prevnext.png) no-repeat -49px 0;}*/
.slideBox:hover a.prev{left:5%; filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5; opacity:.5;}
.slideBox:hover a.next{right:5%; filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5; opacity:.5;}
.slideBox a.prev:hover,.slideBox:hover a.next:hover{filter:alpha(opacity=90); -moz-opacity:.9; -khtml-opacity:.9; opacity:.9;}

/*header start*/
.header_meta{overflow: hidden;background: var(--colourf1);font-size: 1rem;}
.header_meta a{height: 2.25rem;line-height: 2.25rem;}
.header_meta .top_left{width: 40%;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}
.header_meta .top_right{width: 55%;}
.header_meta .top_right span{display: block;float: right;}
.header_meta .top_right span a{display: inline-block;padding: 0px 0.5rem;}

.logo_tel {padding: 20px 0;}
.logo_tel .logo {width: 70%;float: left;}
.logo_tel .logo_wrap{margin: 0;line-height: 1;font-size: 0;display: block;position: relative;}
/*
.logo_tel .logo_wrap:after {content: "";height: 80%;width: 1px;position: absolute;top: 10%;right: 0rem;
background: linear-gradient(to bottom,rgba(254,165,29,0.0),rgba(254,165,29,1.0),rgba(254,165,29,0.0));
box-shadow: 0 0 10px rgba(0,0,0,0.2);}*/
.logo_tel .logo_img img,.logo_tel .tel_img img{max-width: 100%;height: auto !important;}
.logo_tel .logo_wel {overflow: hidden;margin-bottom: 1rem;padding-left: 1rem;position: relative;line-height: 1.125;font-size: 1.125rem;}
.logo_tel .logo_wel:before {content: "";width: 2px;height: 100%;background: var(--colour2);position: absolute;top: 0;left: 0;bottom: 0;}
.logo_tel .logo_wel:after {content: "";width: 2px;height: 45%;background: var(--colour1);position: absolute;left: 0;bottom: 0;}
.logo_tel .logo_wel span {margin: 0px;color: var(--colour2);padding-top: 5px;font-weight: 500;}
.logo_tel .logo_wel p {margin-top: 10px;}
.logo_tel .logo_wrap,.logo_tel .logo_wel {float: left;}

.logo_tel .tel {width: 30%;float: left;}
.logo_tel .tel_img {display: block;float: right;}

/*navbar start*/
.navbar {height: auto;min-height: auto!important;transition: .6s;background: var(--colour1);border-radius: 0px;margin-bottom: 0px;border: 0px;}
.nav {line-height: 46px;height: 46px;width: 100%;padding: 0;}
.nav>li{float: left;display: block;width: calc(100%/8);float: left;}
.nav>li a {display: block;color: var(--colourw);font-weight: 400;text-align: center;padding: 13px 0;}
.nav>li:focus,.nav li:hover a,.nav li a:focus,.nav li a:hover {background-color: var(--colour2);color: var(--colourw);transition: .75s;}

.nav .nLi{ float:left;  position:relative; display:inline；}
.nav .sub{display: none; position: relative;margin:0;padding:0; min-width: 100%;z-index: 99;}
.nav .sub li{width: 100%!important;line-height: 36px;border-top: 1px solid var(--colour1);background: var(--colour2);}
.nav .sub li:first-child{border-top: 1px solid var(--colour1);}
.nav .sub li + li:before{border-left:0px!important;border-right:0px!important;}
.nav .sub li a{color: var(--colourw);padding: 0px 5px;}
.nav .sub li a:hover {color: var(--colour2);text-decoration: none;background-color: var(--colour1);}

.dropdown-menu{display: none; margin:0;padding:0; background-color: var(--colour2);min-width: 100%;}
.dropdown-menu li{width: 100%!important;border-bottom: 1px solid var(--colour1);}
.dropdown-menu li:last-child{border-bottom: 0px solid var(--colour2);}
.dropdown-menu li + li:before{border-left:0px!important;border-right:0px!important;}
.dropdown-menu li a{color: var(--colourw);}
.dropdown-menu li a:hover {color: var(--colour2);text-decoration: none;background-color: var(--colour1);}
/* m_footer */
.m_footer {display: none;height: 50px;position: fixed;bottom: 0px;width: 100%;left: 0px;background: var(--colour1e);;z-index: 99;border-top: 1px solid var(--colourc);}
.m_foot_btn {width: 20%;float: left;height: 50px;display: block;text-align: center;border-right: 1px solid var(--colourc);padding-top: 5px;}
.m_foot_btn:last-of-type {border-right: 0;}
.m_foot_btn i {color: var(--colourw);display: block;font-size: 20px;margin-bottom: 5px;}
.m_foot_btn span {display: block;text-align: center;color: var(--colourw);font-size: 12px;}
/* m_but_menu */
.m_but_menu{width:100%; position:fixed;bottom:0;left:0;right:0;background:var(--colour1e);z-index: 99;padding:2rem 0;display:none;height:130px;}
.m_but_menu li{width:calc(100%/5);float:left; text-align: center;position: relative;}
.m_but_menu li:nth-child(4){float:right;}
.m_but_menu li:nth-child(5){float:right;}
.m_but_menu li a{color:var(--colourw);display:block;font-size:1.1rem;}
.m_but_menu li a img{vertical-align:middle;}
.m_but_menu li span{display:block;padding-top:0.375rem;}
.m_logo{position:absolute;bottom:-4.3rem;;left:0;}
.m_ico_ing{width:100%;text-align: center;margin:0 auto;}
.m_ico_ing i{margin:0 auto;display:block;font-size: 1.5rem;}
.m_ico_ing img{margin:0 auto;display:block;}
/*foorer start*/
.footer {display: flex;justify-content: space-between;}
.footer a{display: inline-block;}
.footer_l{padding: 45px 5px 44px;display: block;}
.footer_l img{max-width: 100%;height: auto !important;width:auto;display: block;}
.footer_m{padding: 25px 5px;}
.footer_m div{line-height: 30px;}
.footer_m div:nth-child(3) span{font-family:arial;font-size: 24px;font-weight: 600;}
.footer_r {text-align: right;}
.footer_pic{width: 96px;float: right;padding: 50px 0;margin-left: 1px;}
.footer_pic p{width: 96px;text-align:center;font-size: 12px;padding: 3px 0;}
.footer_pic img{max-width: 100%;height: auto !important;width: 96px;height:96px;vertical-align: middle;padding: 1px;}
/*copy_qr*/
.copy_qr {float: right;width: 170px;height: 215px;text-align: center;padding-top:10px;position: relative;z-index: 1;margin-right: 0px;}
.copy_pic {display: inline-block;text-align: center;}
.copy_pic ul {float: left;}

.copy_tit p {font-size: 15px;color: (--colour999);padding-bottom: 5px;}
.copy_img {margin-top:10px;}
.copy_img img{width: 118px; height: 118px;}
.copy_str {margin-top: 0px;}
.copy_str ul li {width: 37px;height: 37px;background: (--colour333);float: left;border-radius: 50%;margin-top:12px;margin-left: 24px;padding-top: 6px;text-align: center;}
.copy_str ul li+li {margin-left: 10px;}
.copy_str ul li.on {background: var(--colour1);transition: all .5s;}
.copy_qr:before {content:'';background:url(../images/copy_qr.png)no-repeat;position: absolute;right:16px;top:29px;bottom:0;width:140px;height: 140px; }
/* copyright */
.copyright {display: block;padding: 11px 0;text-align: center;border-top: 1px solid var(--colour3e);font-size: 12px;line-height: 23px;}
.copyright a{color: var(--colourc);}
.copyright a,.copyright span{line-height: 20px;display: inline-block;}

.ico_bg {width: 100%;height: 30px;background: url(../images/bg_ico.png);overflow: hidden;opacity: 0.8;}
/*links start*/
.footer_links {display: block;padding: 20px 0 0;background: url(../images/bg_ico.png);overflow: hidden;opacity: 0.8;}
.footer_links .container {border-bottom: 1px solid transparent;padding-bottom: 20px;}
.footer_links p,.footer_links a {display: inline-block;float: left;margin-right: 5px;margin-bottom: 0px;font-size: 12px;line-height: 1.5rem;}
.footer_links p span {font-size: 16px;line-height: 1;font-weight: bold;color: var(--colour1);}
.footer_links a:hover {text-decoration: underline;}

/* m_title */
.m_title{padding-bottom: 1.25rem;/*background: var(--colourf1);*/}
.m_main_title .title_cn{font-size: 1.5rem;font-weight: 600;text-align: center;padding: 1.875rem 0 1.25rem;color: var(--colour1);}
.m_main_title .title_cn span{color: var(--colour2);}

.m_main_title i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.m_main_title i::after,.m_main_title i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.m_main_title i::after{right: 0px;left: inherit;background:var(--colour2);animation:allTitleAfter 3s infinite linear;}
.m_main_title i::before{background:var(--colour2);animation:allTitleBefore 3s infinite linear;}
.m_main_title t{width: 30px;height: 5px;background:var(--colour1);margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
@keyframes allTitleI{
0%{transform:translateX(0px);}
25%{transform:translateX(-25px);}
50%{transform:translateX(0px);}
75%{transform:translateX(25px);}
100%{transform:translateX(0px);}
}
@keyframes allTitleBefore{
0%{width:15px;}
25%{width:0px;}
50%{width:15px;}
75%{width:30px;}
100%{width:15px;}
}
@keyframes allTitleAfter{
0%{width:15px;}
25%{width:30px;}
50%{width:15px;}
75%{width:0px;}
100%{width:15px;}
}
/*pos*/
.pos {display: block;background: var(--colour1);border-radius: 3px 3px 0 0;padding: 0 10px;}
.pos_info {display: block;width: 100%;float: left;text-align: left;}
.pos_info,.pos_info a{color: var(--colourw);}
.pos_info i {display: inline-block;color: var(--colour2);font-size: 1.125rem;margin-right: 0.45rem;}

.home_site_key {width: 100%;background: var(--colourf1);padding: 1rem 0;overflow: hidden;}
.home_site_con {float: left;}
.home_key_con {float: right;text-align: right;}
.home_site_con,.home_key_con {width: 50%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.home_site_con i{color: var(--colour1);}
.home_key_con a:after{content:'、';}
.home_key_con a:last-of-type:after{content:'';}
/*cate_name_box start*/
.cate_name_box{width:100%;position: relative;overflow: hidden;padding-bottom:2.875rem;padding-top:1rem;}
.cate_name_box:after{content: "";width: 100%;height: 4px;background: var(--colour2);position: absolute;left: 0;bottom: 1.875rem;}
.cate_name{width:12rem;float:left;font-weight: 600;position: relative;line-height: 1.2;font-size: 1.5rem;color:var(--colour1);}
.cate_name:after{content:attr(data-title);display:block;font-size:0.875rem;line-height: 1.5; text-transform: uppercase;color:var(--colour2);}
.cate_other{width:calc(100% - 12rem);float:left; overflow: hidden;}
.cate_other_list{width:calc(100% - 120px); float:left;text-align: right;padding-right: 10px;}
.cate_other_list a{display:inline-block;width:60px;color:var(--colour2);border:1px var(--colour2) solid; border-radius: 10px;line-height: 1.2;padding:5px 8px;text-align: center;font-size:1.125rem;}
.cate_other_list a:hover{color:var(--colour1);border:1px var(--colour1) solid;}
.cate_other_contact{width:120px;float:right;}
.cate_other_contact p{color:var(--colour2);font-size:1.2rem; line-height: 1.1;}
.cate_other_contact div{color:var(--colour1);font-size:1.2rem; line-height: 2.5;font-weight: 600;}

/*showlistpage*/
.showlistpage{margin-bottom: 20px;margin-top: 5px;text-align: center;overflow: hidden;}
.showlistpage a,.showlistpage b{border:solid 1px var(--colour999);border-radius: 3px;padding: 5px 10px;display: inline-block;margin-bottom: 5px;}
.showlistpage a:first-child {border:solid 0px var(--colour999);border-radius: 1px;padding: 0px 0px;color: var(--colourw);}
.showlistpage b{background-color: var(--colour1);color: var(--colourw);border:solid 1px var(--colour1);font-weight: normal;}
.showlistpage a:first-child b{background-color: var(--colourw);color: var(--colourw);background-color: var(--colour1);border:solid 1px var(--colour1);}
.showlistpage a:nth-of-type(n+2):hover{border:solid 1px var(--colour1);background-color: var(--colour1);color: var(--colourw);}
/*art_tags start*/
.art_tags{width:100%; overflow: hidden;margin-top:1rem;}
.art_tags span{display:inline-block;}
.art_tags a{display:inline-block;margin:0 10px;color:var(--colour1);}
/*news_pages start*/
.news_pages{width:100%; overflow: hidden;margin:2rem 0;}
.news_pages span a{display:inline-block;}
.news_pages span i{float: left;display: inline-block;line-height: 18px;text-align: center;margin-right: 5px;content: '';width: 5px;height: 1px;top: 1px;display: inline-block;border: 6px solid transparent;border-left: 8px solid var(--colour2);border-right: 0;border-radius: 1px;position: relative;}
.news_pages span{float:left;display:block;width: 100%;background: var(--colourf1);padding: 15px;margin: 5px 0;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align: middle;}
/*conten_page start*/
.conten_page{margin: 5px 0 0;padding: 10px 0px;}
.conten_page p {display: block;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.conten_page p a{margin-left: 3px;}
.conten_page p a:hover {color: var(--colour2);}
/*newsdetail start*/
.newsdetail {padding: 5px 0;}
.newsdetail dl dt {text-align: center;font-weight: normal;}
.newsdetail dl dt p{display: inline-block;}
.newsdetail dl dd p {width: 100%;margin: 10px auto;}

.content_wrapper{}
/*info_header*/
.info_header{margin: 1.25rem auto;position: relative;overflow: hidden;}
.art_title{width:100%; overflow: hidden;text-align: center;padding-bottom:1rem;}
.art_title h1{font-size:1.735rem;display:block;}
.art_other{width:100%;display: block;overflow: hidden;text-align: center;opacity: 0.8;font-size:0.875rem;line-height: 1.25rem;}
.art_other span{display:inline-block;margin-right:10px;font-size:0.875rem;}
.art_other a i{font-size: 1rem;font-weight: 600;margin-left:5px;opacity: 0.8;}

.art_other1{float:left;}

.art_back{width:8rem;float: right;text-align: right;display: none;}
.art_back a{font-size:0.875rem;opacity: 0.8;}
.art_back a i{font-size: 1rem;font-weight: 600;margin-left:5px;}

.art_bianji{width:98%;overflow: hidden;text-align: center;opacity: 0.8;display: block;margin: auto;
  font-size:0.875rem;line-height: 1.875rem;border-bottom: 2px var(--colourc) dotted;}
.art_bianji span{display:inline-block;margin-right:10px;}
/*infowrap start*/
.infowrap{overflow: hidden;}
.infowrap p,.infowrap ul li,.infowrap ol li{margin: 0.5rem 0;line-height: 2rem;}
.infowrap p u,.infowrap ul li u ,.infowrap ol li u {text-decoration: underline wavy var(--colour1);}
.infowrap div{display:block;margin:20px auto;}
.infowrap div img,.infowrap div #videoid{display:block;max-width:90%;height: auto !important; margin:0 auto; text-align:center;}
.infowrap div span{margin:10px auto;}

.infowrap h1,.infowrap h2,.infowrap h3{display: block;margin-top: 1.5rem;margin-bottom: 1.5rem;}
.infowrap h1 {font-size: 1.275rem;text-align: center;}
.infowrap h2{font-size: 1.175rem;font-weight: bold;}
.infowrap h3{font-size: 1.125rem;font-weight: 600;}

.infowrap .qaList li{display: block;margin-bottom: 20px;padding-inline-start: 0!important;}
.infowrap .qaList li div{margin-bottom: 10px;}
.infowrap .qaList li div a{display: inline;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.infowrap .qaList li div:first-child p{font-size: 15px;}
.infowrap .qaList li .info{line-height: 1;}
.infowrap .qaList li .info p{display: block;line-height: 2em;display: -webkit-box;-webkit-box-orient: vertical;margin-bottom: 0;transition:all .3s;}
.infowrap .qaList li span{font-size: 14px; padding: 0px 1px 0px 0px;float: left;margin-top: 5px; margin-right: 10px;line-height: 18px;width: 18px;height: 18px; text-align: center;}
.infowrap .qaList li div span{background: var(--colour2);color: var(--colourw);}
.infowrap .qaList li .info span{background: var(--colour1);color: var(--colourf1);margin-top:3px;}

.infowrap .proinfo dt{font-size:1.125rem;margin-bottom:1.35rem;position: relative;}
.infowrap .proinfo dt:before{content:"";height:100%; width:4px;background:var(--colour1);position: absolute;left:0.5rem;}
.infowrap .proinfo dt:after{content:"";width:100%; height:4px;background:var(--colour2);position: absolute;left:0;bottom:-0.875rem;}
.infowrap .proinfo dt span{margin-right: 1rem;padding-left: 1.25rem;color: var(--colour1);}

.infowrap .proinfo dd{margin-top:2.35rem;display:block;position: relative;}
.infowrap .proinfo dd h2{padding-left: 1.875rem;color: var(--colour2);}
.infowrap .proinfo dd h2:before{content:"";height:1.15rem; width:0.4rem;background:var(--colour1);position: absolute;left:0.5rem;}
.infowrap .proinfo dd h2:after{content:"";height:1.15rem; width:0.75rem;background:var(--colour2);position: absolute;left:0.9rem;}
.infowrap .proinfo dd h3{color: var(--colour1);}
.infowrap .proinfo dd em {font-style:normal;margin-bottom: -6px;padding: 3px 6px;max-width: 100%;box-sizing: border-box;
  -moz-box-shadow:5px -5px 0px var(--colour1); -webkit-box-shadow:5px -5px 0px var(--colour1); box-shadow:5px -5px 0px var(--colour1);color: var(--colourw);
  background-color: var(--colour333);word-wrap: break-word !important;line-height: 48px;}

.artinfo em {font-style:normal;margin-bottom: -6px;padding: 3px 6px;max-width: 100%;box-sizing: border-box;
  -moz-box-shadow:5px -5px 0px var(--colour2); -webkit-box-shadow:5px -5px 0px var(--colour2); box-shadow:5px -5px 0px var(--colour2);color: var(--colourw);
  background-color: var(--colour1);word-wrap: break-word !important;line-height: 48px;}
.artinfo h2{color: var(--colour1);}
.artinfo h3{color: var(--colour2);}
.artinfo li{padding-inline-start: 1rem;}
/*mainMenu*/
.mainMenu{border: 1px solid var(--colour1);}
.mainMenu_title{width:100%;height: 50px;line-height: 50px;overflow: hidden;border-bottom:solid 1px var(--colourm);background-color:var(--colour1);}
.mainMenu_title a{display: block;width:100%;font-size: 16px;color: var(--colourw);padding:0 10px;text-align: center;}
.mainMenu_content{clear:both;padding:5px 0;background-color: var(--colour2);}
.mainMenu_content li{ display:block;vertical-align:middle;font-size:14px; min-height:40px; line-height:30px;padding-top: 2px;padding-bottom: 2px;}
.mainMenu_content a{display: block;color:var(--colourw);overflow: hidden;text-overflow:ellipsis; white-space:nowrap;text-align: center;border:solid 1px var(--colourm);margin: 5px 10px;background-color: var(--colour1);}
.mainMenu_content li.cur a,.mainMenu_content a:hover{color:var(--colourw);background: var(--colour2);}
/*catalog_box*/
.catalog_title{width:100%;overflow: hidden; height:60px; line-height:60px; text-align:center;  color:var(--colourw);background-color: var(--colour1);}
.catalog_title a{display: block;width:100%;font-size: 16px;color: var(--colourw);padding:0 10px;text-align: center;}
.catalog_content{width:100%; margin:0 auto; height:auto; box-sizing:border-box;border:3px solid var(--colour1); border-top:hidden;padding:15px 0 5px 0;}
.catalog_content li{width:90%; height:36px; line-height:36px;text-align:center; margin:0px auto 10px;background-color: var(--colour2);}
.catalog_content li ,.catalog_content a{color:var(--colourw);display: block;}
.catalog_content li:hover , .catalog_content li.on{background-color: var(--colour1);}
.catalog_content li:hover a , .inpro_lf_list li.on a{color:var(--colourw);}
/*menu_cate_list*/
.menu_cate_list{background:var(--colourw);overflow: hidden;padding:1.35rem;box-shadow: 0 3px 5px rgba(1,11,54,0.15);z-index: 3;border-top: 8px solid var(--colour1);}
.menu_cate_list:nth-child(3n+2){border-top: 6px solid var(--colour2);}
.menu_cate_list:nth-child(3n+3){border-top: 4px solid var(--colour1);}
.cate_tit{width:100%;padding:0.57rem 1rem 1rem;border-bottom:1px var(--colourc) dashed;}
.cate_tit i{display:none;width:0px;height:0px;margin-right:0rem;vertical-align: top;background-size:100%;font-size: 3rem;}
.cate_tit div{font-weight: 600;position: relative;line-height: 1.2;text-align: center;font-size: 1.5rem;}
.cate_tit div:after{content:attr(data-title);display:block;font-size:0.875rem; text-transform: uppercase;}

.main_cate_list{width:100%; overflow:hidden;}
.main_cate_list li{width:100%; border-bottom:1px var(--colourc) dashed;}
.main_cate_list li a{display:block;margin: 0.875rem 0; border:1px var(--colourc) solid;border-radius: 5px;vertical-align: middle; padding:0.75rem;font-size:1.125rem;position: relative;}
.main_cate_list li a:before{content:"";width:18px;height:18px;background:var(--colourc);border-radius: 5px;position: absolute;right:1rem;}
.main_cate_list li a:after{content:"";width:0;height:0;position: absolute;right:1.35rem;top:38%;border-left:6px solid var(--colourw);border-top:4px solid transparent;border-bottom:5px solid transparent;}
.main_cate_list li a strong{font-weight: 400;vertical-align: middle;display:inline-block;}
.main_cate_list li a:hover,.main_cate_list li a.active{color:var(--colourw);background:var(--colour2);border-color: var(--colourc);box-shadow: 0 3px 5px rgba(1,11,54,0.15);}
.main_cate_list li a:hover img,.main_cate_list li a.active img{border:1px var(--colour1) solid;filter:grayscale(0);}
.main_cate_list li a:hover:before,.main_cate_list li a.active:before{background:var(--colour1);}
/* -- sidebar -- */
.sidebar{border:solid 0px var(--colourf1);box-shadow: 0 3px 5px rgba(1,11,54,0.15);}
.sidebar_title{width:100%;height: 50px;line-height: 50px;overflow: hidden;border-bottom:solid 1px var(--colourf1);background-color:var(--colour2);}
.sidebar_title div{display: block;width:100%;color: var(--colourw);padding:0 10px;text-align: center;font-size: 1.125rem;}
.sidebar ul,.sidebar ol{padding:10px;/*background-color:var(--colourf1);*/}
/* -- cate_news_box -- */
.cate_news_box{width:100%; overflow: hidden;}
.cate_news_box strong{display:block;padding:1rem 0;text-align: center;}
.cate_news_box .t1{font-size:1.125rem;display:block;margin-bottom:1.35rem;position: relative;}
.cate_news_box .t1:before{content:"";width:100%; height:2px;background:var(--colour2);position: absolute;left:0;bottom:-0.875rem;}
.cate_news_box .t1:after{content:"";width:12%; height:2px;background:var(--colour1);position: absolute;left:0;bottom:-0.875rem;}

/*xlist*/
.xlist ul,.xlist ol{font-size:.875rem;height: auto;overflow: hidden;}
.xlist ul li {height: auto;width: 100%;background:url(../images/icon_buttonarrow.gif) no-repeat left 13px;padding: 5px 0 5px 15px;margin: 5px 0;border-bottom: 1px dashed var(--colourc); transition: .6s;overflow: hidden;}
.xlist ul li a{display: inline-block;line-height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xlist ol li {float: left;height: auto;width: 100%;margin: 5px 0;padding: 5px 0;border-bottom: 1px dashed var(--colourc);transition: .6s;overflow: hidden;} 
.xlist ol li span {float: left;display: inline-block;width: 18px;line-height: 18px;text-align: center;color: var(--colourw);background-color: var(--colour1);margin-right: 5px;}
.xlist ol li a {display: inline-block;float: left;line-height: 18px; width: calc(100% - 23px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xlist ul li a:hover,.xlist ol li a:hover{color:var(--colour2);}

.olc1 li:nth-child(odd) span {background-color: red;}
.olc1 li:nth-child(even) span {background-color: orange;}
.olc1 li:nth-child(5n+3) span {background-color: brown;}
.olc1 li:nth-child(5n+4) span {background-color: green;}
.olc1 li:nth-child(5n+5) span {background-color: blue;}

.olc2 li:nth-child(odd) span {background-color: saddlebrown;}
.olc2 li:nth-child(even) span {background-color: violet;}
.olc2 li:nth-child(5n+3) span {background-color: darkgoldenrod;}
.olc2 li:nth-child(5n+4) span {background-color: palevioletred;}
.olc2 li:nth-child(5n+5) span {background-color: purple;}

.olc3 li:nth-child(odd) span {background-color: red;}
.olc3 li:nth-child(even) span {background-color: orange;}
.olc3 li:nth-child(9n+3) span {background-color: brown;}
.olc3 li:nth-child(9n+4) span {background-color: yellowgreen;}
.olc3 li:nth-child(9n+5) span {background-color: blue;}
.olc3 li:nth-child(9n+6) span {background-color: powderblue;}
.olc3 li:nth-child(9n+7) span {background-color: darkgoldenrod;}
.olc3 li:nth-child(9n+8) span {background-color: palevioletred;}
.olc3 li:nth-child(9n+9) span {background-color: purple;}

/*x_box_list*/
.rel_list_title,.rel_list_title span{border-radius: 5px 5px 0 0;height: 36px;line-height: 36px;}
.rel_list_title {display: block;background-color: var(--colour2);}
.rel_list_title span{display: inline-block;background-color: var(--colour1);color: var(--colourw);padding: 0px 10px;}

.rel_list_tit{width:100%; padding-bottom:1rem; overflow: hidden;vertical-align: middle;}
.rel_list_tit div{font-size:1.375rem;display:inline-block;}
.rel_list_tit i{margin-right:10px;font-size:1.45rem;font-weight: 600;color: var(--colour1);}

.listwrap{background-color: var(--colourf1);padding: 5px 8px;}
.listwrap li{margin-bottom: 0.25rem!important;}
/* --*news_list**list start*-- */
.ul_newslist1,.ul_newslist2,.ul_newslist3{height: auto;overflow: hidden;}

.ul_newslist1 li {float: left;width: 100%;height: auto;overflow: hidden;margin: 5px 0;padding: 5px 0;transition: .6s;border-bottom: 1px dashed var(--colourc);}
.ul_newslist1 li a {display: inline-block;float: left;width: calc(100% - 87px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ul_newslist1 li a:hover {color: var(--colour1);}
.ul_newslist1 li samp {display: inline-block;float: right;width: 85px;text-align: right;}

.ul_newslist2 li {float: left;width: 100%;height: auto;overflow: hidden;margin: 5px 0;padding: 5px 0; transition: .6s;border-bottom: 1px dashed var(--colourc);}
.ul_newslist2 li span {float: left;display: inline-block;line-height: 18px;text-align: center;color: var(--colourw);margin-right: 5px;
content:'';width:5px;height:1px;top:4px;display:inline-block;border:6px solid transparent;
border-left:8px solid var(--colour2);border-right:0;border-radius:1px;position:relative;}
.ul_newslist2 li:hover span {border-left:8px solid var(--colour1);}
.ul_newslist2 li a {float: left;line-height: 18px;
  width: calc(100% - 100px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ul_newslist2 li samp {float: right;display: inline-block;width: 85px;text-align: right;line-height: 18px;}

.ul_newslist3 li {float: left;width: 100%;height: auto;overflow: hidden;margin: 5px 0;padding: 5px 0; transition: .6s;border-bottom: 1px dashed var(--colourc);}
.ul_newslist3 li span {float: left;display: inline-block;width: 18px;line-height: 18px;text-align: center;color: var(--colourw);background-color: var(--colour1);margin-right: 5px;}
.ul_newslist3 li a {float: left;display: inline-block;line-height: 18px;
  width: calc(100% - 110px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ul_newslist3 li samp {float: right;display: inline-block;width: 85px;text-align: right;line-height: 18px;}
/*news**list start*/
.news_list ul {padding-bottom: 20px;}
.news_list ul li{display: block;padding: 0;margin-bottom: 23px;}
.news_list ul li .news_time {display: block;float: left;width: 72px;height: 72px;background: var(--colour1);border: 1px solid transparent;text-align: center;border-radius: 50%;padding-top: 7px;transition: .6s;}
.news_list ul li .news_time span {color: var(--colourw);line-height: 1;transition: .6s;font-size: 32px;}
.news_list ul li .news_time p {font-size: 14px;color: var(--colourw);transition: .6s;}
.news_list ul li .news_info {display: inline-block;float: right;width: calc(100% - 87px);padding-right: 2px;}
.news_list ul li .news_info div {display: block;margin-bottom: 6px;margin-top: 8px;font-size: 1.125rem;line-height: 1.125;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: .6s;}
.news_list ul li .news_info p {font-size: 12px;-webkit-line-clamp: 2;
  height: 3em;line-height: 1.5em;overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;-webkit-box-orient: vertical;margin-bottom: 0;transition:all .3s;}
.news_list ul li:hover .news_time {transform: rotateY(360deg);border: 1px solid var(--colour1);background: transparent;}
.news_list ul li:hover .news_time span,.news_list ul li:hover .news_time p {color: var(--colour1);}
.news_list ul li:hover .news_info p {color: var(--colour333);}

.article_list ul li {background: transparent;}
.article_list ul li .news_time {border-radius: 5px;background: var(--colour1);}
.article_list ul li:hover .news_time {transform: rotateY(0deg);}

.article_list2 ul li {padding: 10px 10px;}
.article_list2 ul li {box-shadow: 0 0 5px rgba(1,11,54,0.15);}
.article_list2 ul li .news_time {border-radius: 5px;background: var(--colour2);}
.article_list2 ul li:hover .news_time {border: 1px solid var(--colour2);background: transparent;transform: rotateY(0deg);}
.article_list2 ul li:hover .news_time span,.article_list2 ul li:hover .news_time p {color: var(--colour1);}

.article_list3 ul li {background: var(--colourf1);}
.article_list3 ul li .news_time {background: var(--colour2);}
.article_list3 ul li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.article_list3 ul li:hover .news_time {border: 1px solid transparent;background: var(--colour1);}
.article_list3 ul li:hover .news_time span,.article_list3 ul li:hover .news_time p {color: var(--colourw);}

/*info_news start*/
.info_news li {padding:0 2%;line-height:50px;overflow:hidden;background:var(--colourf1);margin-bottom:16px;border-radius: 6px;}
.info_news a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: calc(100% - 110px);float:left;}
.info_news a:hover {color:var(--colourw);text-decoration:none;}
.info_news span {float:right;color:var(--colour999);width: 85px;text-align:right;}
.info_news li:hover {background:var(--colour2);}
.info_news li:hover a {color:var(--colourw);}
.info_news li:hover span {color:var(--colourw);}
/*thumblist start*/
.thumblist{margin-bottom: 30px;}
.thumblist ul{}
.thumblist li{width: 100%;border-bottom: 1px solid var(--colourf1);display: block;padding: 20px;transition: all .5s;}
.thumblist li a{display: block;}
.thumblist li .img{position:relative;width: 180px;display:block;overflow: hidden;cursor: pointer;border: 1px solid var(--colourf1);}
.thumblist li img{width: 100%;height: 100%;transition: all 0.3s ease-out 0s;}
.thumblist li a:hover img{transform: scale(1.1, 1.1);}
.thumblist li .txt{width: calc(100% - 200px);cursor: pointer;}
.thumblist li .txt h3{font-size: 16px;line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;}
.thumblist li .txt .mark{color: var(--colour999);font-size: 12px;line-height: 30px;padding:0; background-color: transparent;}
.thumblist li .txt .mark span{display: inline-block;padding-right: 18px;}
.thumblist li .txt p{line-height: 25px;-webkit-line-clamp: 2;height: 3em;line-height: 1.6em;overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;-webkit-box-orient: vertical;margin-bottom: 0;transition:all .3s;}
.thumblist li .txt p span{display: inline-block;padding-left: 10px;}
.thumblist li a:hover .txt h3{color:var(--colour1);}
.thumblist li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}

.thumblistnoimg li .img{width: 0px;border: 0px solid transparent;display: none;}
.thumblistnoimg li .txt{width: 100%;}
/*newsA_list*/
.newsA_list { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.newsA_list ul li { width:100%; height:120px; margin:0 auto 30px; padding:0 160px 0 160px; background-color:var(--colourf1); position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsA_list ul li:hover { background-color:var(--colour2); box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);}
.newsA_list ul li .news_time { width:120px; height:80px; overflow:hidden; margin:0; margin:20px; background: var(--colour2);position:absolute; left:0; top:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.newsA_list ul li:hover .news_time { background:var(--colour1);}
.newsA_list ul li .news_more {width: 120px;height: 40px; line-height:40px;overflow: hidden; margin: 0;margin: 40px 20px;background: var(--colour2);position: absolute;right: 0;top: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;text-align: center;}
.newsA_list ul li .news_more a{color:var(--colourw);}
.newsA_list ul li:hover .news_more { background:var(--colour1);}
.newsA_list ul li .news_time span { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:var(--colourw); font-size:18px; margin:0 auto; padding:0;}
.newsA_list ul li .news_time span:after {content: '';display: block; width: 17px;height: 2px;background: var(--colourw);position: absolute;left: 41%;}
.newsA_list ul li .news_time p { width:100%; height:40px; overflow:hidden; line-height:40px; color:var(--colourw); font-size:26px; font-weight:bold; margin:0 auto; padding:0;}
.newsA_list ul li .news_text { width:100%; overflow:hidden; margin:0 auto; padding:16px 0;}
.newsA_list ul li .news_text .news_name { width:100%; height:32px; overflow:hidden; line-height:32px; font-size:18px; white-space:nowrap; text-overflow: ellipsis; margin:3px auto; padding:0;}
.newsA_list ul li .news_text .news_name a{color:var(--colour333); }
.newsA_list ul li .news_text p { width:100%; height:48px; overflow:hidden; line-height:24px; margin:0 auto; padding:0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.newsA_list ul li:hover .news_text .news_name,.newsA_list ul li:hover .news_text .news_name a,.newsA_list ul li:hover .news_text p{ color:var(--colourw);}





/*productinfo start*/
.productinfo {margin-bottom: 30px;line-height: 1;}
.productinfo .info_left {width: 38%;float: left;}
.productinfo .info_left div {text-align: center;margin-top: 20px;border: 1px solid var(--colourc);overflow: hidden;}
.productinfo .info_left div:hover img{transform: scale(1.1);transition: .8s;}
.productinfo .info_right {width: 58%;margin-left: 4%;float: left;}
.productinfo .info_right h1 {line-height: 1.42857;font-size: 14px;display: inline-block!important;margin: 0px;}
.productinfo .info_right ul{margin-top: 20px;}
.productinfo .info_right ul li {padding: 5px 0px;min-height: 28px;line-height: 1.42857;margin: 5px 0px;clear: both;border-bottom: 1px solid var(--colourc);position: relative;}
.productinfo .info_right .product_show_more {display: block;height: auto;overflow: hidden;margin-top: 10px;}
.productinfo .info_right .product_show_more .more_p_a,
.productinfo .info_right .product_show_more .more_p_b {padding: 10px 16px;display: inline-block;float: left;color: var(--colourw);font-size: 14px;}
.productinfo .info_right .product_show_more .more_p_a {margin-right: 20px;font-size: 14px;background: var(--colour1);}
.productinfo .info_right .product_show_more .more_p_b {background: var(--colour333);}
.productinfo .info_right .product_show_more .more_p_a:hover {background: var(--colour1);opacity: 0.8;}
.productinfo .info_right .product_show_more .more_p_b:hover {background: var(--colour333);opacity: 0.8;}

/*product**list start*/
.hot-con .icon-hot0 {display: none;width: 0;}
.hot-con .icon-hot1 {position: absolute;top: -8px;left: -28px;display: block;width: 70px;padding-top: 16px;background: var(--colour2);color: var(--colourw);
  font-size: 12px;line-height: 14px;padding-bottom: 0;text-align: center;transform: rotate(-45deg) scale(.85);z-index: 99;}
.hot-con li:hover .icon-hot1 {background: var(--colour1);transition: 0.5s;}

.hover-zoom ul li:hover img{transform: scale(1.1);transition: .8s;}
.hover-color ul li:hover p{transition: .8s;color: var(--colour2);}
.hover-border ul li:hover div{border: 1px solid var(--colour1);}

.pro_list{width:100%; overflow: hidden;}
.pro_list ul li{display: block;float: left;margin-bottom: 1.625rem; overflow: hidden;text-align: center;}
.pro_list ul li a{display: block;position: relative;overflow: hidden;z-index: 1;text-overflow: ellipsis;white-space: nowrap;text-align: center;padding:0px;}
.pro_list ul li div{overflow: hidden;transition: .8s;border: 1px solid var(--colourc);}
.pro_list ul li img{max-width: 100%;height: auto !important;transition: .8s;width: 100%;}
.pro_list ul li p{padding: 0.75rem 0.5rem;transition: .8s;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}

.pro_list1 ul li div{border: 3px solid var(--colourf1);}
.pro_list1 ul li p{background: var(--colourf1);position: relative;z-index: -0;}
.pro_list1 ul li:hover p{color: var(--colourw);}
.pro_list1 ul li p:after{content:'';position: absolute;width:0%;height:100%;transition: 0.3s all ease-in-out;top: 0;left: 0;}
.pro_list1 ul li:hover p:after{width:100%;background: var(--colour1);z-index: -1;}

.pro_list2 ul li div{border: 5px solid var(--colour2);border-bottom: 0px solid transparent;}
.pro_list2 ul li p{background: var(--colour2);z-index: 1;display: block;position: relative;margin: 0 auto;color: var(--colourw);
  -webkit-transform: translateZ(0);transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;-webkit-transition-property: color; transition-property: color;
  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.pro_list2 ul li p:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: var(--colour1);
  -webkit-transform: scaleX(0);transform: scaleX(0);
  -webkit-transform-origin: 50%;transform-origin: 50%;
  -webkit-transition-property: transform;transition-property: transform;
  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.pro_list2 ul li:hover p:before{-webkit-transform: scaleX(1);transform: scaleX(1);}
.pro_list2 ul li:hover p{color: var(--colourw);}

.pro_recom_list{width:100%; overflow: hidden;padding-bottom:1rem;}
.pro_recom_list li{float:left;margin-bottom: 1.625rem; overflow: hidden;text-align: center;}
.pro_recom_list li a{display:block;position: relative;padding:6px; border:1px var(--colourc) solid; overflow: hidden;}
.pro_re_item_img{width:100%; overflow: hidden;border:1px var(--colourc) solid;}
.pro_recom_list li img{ vertical-align: middle;width:100%;}
.pro_re_item_name{width:100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;padding:0.75rem 0;}
.pro_recom_list li a:hover img{transform: scale(1.1);transition: .8s;}

.list_proA ul li{display: block;float: left;margin-bottom: 1.625rem;overflow: hidden;text-align: center;}
.list_proA ul li a{background: var(--colourf1);padding: 1px;display: block;position: relative;overflow: hidden;z-index: 1;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.list_proA ul li a:hover{background: var(--colour2);}
.list_proA ul li img{display:block;max-width: 100%;}
.item_mask{width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 1px;top: 1px;opacity: 0;filter:Alpha(opacity=0);*zoom:1;
  -webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;}
.item_link_icon{display: block;width:45px;height:45px;text-align: center;line-height: 38px;position: absolute;vertical-align: middle;
  left: 50%;top: 50%;margin-left: -22px;opacity:0;filter:Alpha(opacity=0);*zoom:1;}
.list_proA ul li:hover .item_mask{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);
  transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.list_proA ul li:hover .item_link_icon{transform: translateY(-21px);opacity: 1;filter:Alpha(opacity=100);}
.list_proA ul li span{width: 100%;text-align: center;padding: 10px 2px;display: block;-webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}
.list_proA ul li:hover span{color: var(--colourw);}
.ico{background: url(../images/icon.png) no-repeat;background-position: 0px -105px;}
.ico1{display: inline-block; border-radius: 50%; border: 1px solid var(--colour1);font-size: 40px;}

.list_proB{overflow: hidden;}
.list_proB li{display: inline-block;position: relative;overflow: hidden;float: left;margin-bottom: 1.625rem;border: 1px solid var(--colourc);}
.list_proB li a{}
.list_proB li:hover>a:after{content:'';position: absolute;width:100%;height:100%;transition: 0.3s all ease-in-out;}
.list_proB li>a:after{content: '';position: absolute;width: 0;  height:0;right: 0;left: 0;top: 0; 
  background:rgba(0,0,0,.4)url(../images/icon1.png) no-repeat center; transition: 0.3s all ease-in-out;}
.list_proB li br{display:none;}
.list_proB li span{width: 100%;display: block; height: 36px; line-height: 36px !important;background: var(--colour1); margin-left: -1px; margin-bottom: -1px; text-align: center;
  position: absolute;left: 100%; right: 0;  margin: auto; bottom: 0px; transition: 0.3s all ease-in-out;}
.list_proB li span a{color:var(--colourw) !important;}
.list_proB li:hover span{position: absolute;left: 0; right: 0;  margin: auto; bottom: 0px;background:var(--colour1);transition: 0.3s all ease-in-out; } 

.list_proC{overflow: hidden;}
.list_proC li{display: block;float: left;margin-bottom: 1.625rem;overflow: hidden;text-align: center;border: 5px solid var(--colourf1);}

.list_proC li .propic { position:relative; overflow:hidden;}
.list_proC li .propic a { display:block;}
.list_proC li .propic a img { width:100%; }
.list_proC li .propic a:before { content:''; width:0%; height:0%; background-color:rgba(0 ,0,0,0.3); position:absolute; z-index:2; top:0; display:block; transition: all 0.3s;}
.list_proC li .propic span { width:40px; height:40px; display: none; position:absolute; z-index:3; left:50%; margin-left:-30px; top:39%;
 border: solid 1px var(--colour2); border-radius:40px; font-size:14px; color:var(--colourw); line-height:40px; text-align:center; box-sizing:border-box;}
.list_proC li:hover .propic a:before { width:100%; height:100%;}
.list_proC li:hover .propic span { display:block;}
.list_proC li .protil { width:100%; background:var(--colourf1); margin-top:0.1rem; position:relative; overflow:hidden;}
.list_proC li .protil a {padding:1rem 0.5rem 0.75rem; font-size:18px; font-weight: bold;position:relative; z-index:2; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_proC li .protil span { display:block; width:28px; height:12px; background:url(../images/detail.png) no-repeat;margin: auto; margin-top:0.5rem;}
.list_proC li:hover .protil span { background-position:0px -12px; transition:all 0.3s;}
.list_proC li:hover .protil a { color:var(--colour2);}
.list_proC li .protil:before { width:0; height:100%; content:""; display: block; position:absolute; left:0; bottom:0; background:var(--colour1); transition: all 0.3s;}
.list_proC li:hover .protil:before { width:100%;}



.show_listA{overflow: hidden;}
.show_listA li{margin-bottom: 1.625rem;display: block;float: left;border: 1px solid var(--colourc);}
.show_listA li img{ width:100%; height:auto;}
.show_listA li .pic{ display:block;width:100%; position:relative; overflow:hidden;border:1px solid var(--colourw);}
.show_listA li .pic dl{margin-bottom: 0;}
.show_listA li .pic .pic_title{ width:calc(100% - 10px); background:var(--colour2a); line-height:36px; font-size:14px; color:var(--colourw); text-align:center; 
  position:absolute; bottom:0; margin:5px; opacity:1;transition: all 0.5s ease;-webkit-transform: all 0.5s ease;transition-delay: 0.3s;
  font-weight:normal!important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0px 2px;}
.show_listA li .pic .pic_text{ position:absolute; bottom:calc(5px - 100%);; background:var(--colour2a); height:calc(100% - 10px);; margin:5px; padding:0px 25px;
  transition: all 0.5s ease;-webkit-transform: all 0.5s ease; width:calc(100% - 10px);}
.show_listA li .pic:hover .pic_text{ bottom:0px;transition: all 0.5s ease;-webkit-transform: all 0.5s ease;}
.show_listA li .pic:hover .pic_title{ opacity:0;transition: all 0.5s ease;-webkit-transform: all 0.5s ease;}
.show_listA li .pic .pic_text .pic_text_title{ text-align:center; padding-top:28px; padding-bottom:17px; border-bottom:1px solid var(--colour2);}
.show_listA li .pic .pic_text .pic_text_title a{ font-size:14px; color:var(--colourw);line-height: 1.5;}
.show_listA li .pic .pic_text .pic_text_bottom{ padding-top:28px;color:var(--colourw); font-size:13px;text-align:center;}
.show_listA li .pic .pic_text .pic_text_bottom a{ color:var(--colourw); font-size:13px; line-height:20px; padding-bottom:10px; display:inline-block; text-align:left}
.show_listA li .pic .pic_text .pic_text_bottom a:hover{ color:var(--colour2)}

.show_listB ul li {background: var(--colourf1);display: block;float: left;margin-bottom: 1.625rem;}
.show_listB ul li>div{}
.show_listB ul li a { display:block;margin: 0 auto; padding: 0 15px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.show_listB ul li .show_pro_img{-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;padding: 10px;}
.show_listB .show_pro_img span{ display:block; width:100%; height:160px; overflow: hidden; margin: 0 auto; padding: 0; position: relative;background:var(--colourw);}
.show_listB .show_pro_img span img { display:block; max-width: 98%; max-height: 98%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.show_listB ul li>div .show_pro_text{padding-bottom:15px;}
.show_listB ul li p.pro_name{ width:98%; height: 50px; overflow: hidden; line-height:50px; color: var(--colour333); font-size: 14px; text-align: center; margin: 0 auto 0; padding: 0 1% 10px;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.show_listB ul li p.pro_name a{color: var(--colour333); font-size: 18px; font-weight:bold;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; position:relative;}
.show_listB ul li p.desc{font-size:1rem;color:var(--colourw);width: 7rem;line-height:22px;padding: .25rem 1rem;border:1px solid var(--colour2); background: var(--colour2);margin:1rem auto;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.show_listB ul li>div:hover { background:var(--colour2);}
.show_listB ul li>div:hover p.desc{border:1px solid var(--colourw);}

.show_listC ul li {background: var(--colourf1);display: block;float: left;margin-bottom: 1.625rem;}
.show_listC ul li>div{}
.show_listC ul li a { display:block;margin: 0 auto; padding: 0 15px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.show_listC ul li .show_pro_img{-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;padding: 11px;}
.show_listC .show_pro_img span{ display:block; width:100%; height:160px; overflow: hidden; margin: 0 auto; padding: 0; position: relative;background:var(--colourw);}
.show_listC .show_pro_img span a:after{content:'';display:block;opacity:0; width:100%;height:100%;background:rgba(0,0,0,.4) url(../images/prochak.png) 10% center no-repeat;position:absolute;top:0;left:0;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.show_listC ul li:hover .show_pro_img span a:after{opacity:1;background:rgba(0,0,0,.4) url(../images/prochak.png) center center no-repeat; z-index:99;}
.show_listC .show_pro_img span img { display:block; max-width: 98%; max-height: 98%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.show_listC ul li>div .show_pro_text{padding-bottom:25px;}
.show_listC ul li p.pro_name{ width:98%; height: 50px; overflow: hidden; line-height:50px; color: var(--colour333); font-size: 14px; text-align: center; margin: 0 auto 0; padding: 0 1% 10px;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.show_listC ul li p.pro_name a{color: var(--colour333); font-size: 18px; font-weight:bold;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; position:relative;}
.show_listC ul li p.pro_name a:after{content:'';display:block;width:28px;height:3px;background:var(--colour999);position:absolute;bottom:-1px;left:50%;margin-left: -14px;}
.show_listC ul li p.desc{font-size:14px;color:var(--colour999);line-height:22px;padding: 0 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 42px;}
.show_listC ul li>div:hover .show_pro_img{ background:var(--colour2);}
.show_listC ul li>div:hover .show_pro_text{background:var(--colour2);}
.show_listC ul li>div:hover p a{ color:var(--colourw); font-weight: bold;}
.show_listC ul li>div:hover p a:after{ background:var(--colourw);}
.show_listC ul li>div:hover p{color:var(--colourw);}
.show_listC ul li>div:hover img{transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1); -o-transform:scale(1.1);}


/*contact_list*/
.contact_list{overflow: hidden;margin-top:50px;}
.contact_list dl{width: 33.33%;float: left;}
.contact_list dd img{width: 90%; max-width: 160px;}
.contact_list dd{margin: 0 auto;text-align: center;}
.contact_list dt{text-align: center;}
.contact_list .pic_title{ font-size:14px!important;}
/*content_map start*/
.lisitemap{ float:left; list-style:none} 
.content_map{display: block;}
.content_map p a{display: block;padding: 10px 0;border-bottom: 1px solid var(--colour2);font-size: 16px;
  margin-bottom: 10px;text-align: center;}
.content_map ul{overflow: hidden;}
.content_map ul li{display: block;margin: 5px 15px 5px 0;background: var(--colour2);
 padding: 5px;border-radius: 5px;}
.content_map ul li a{color: var(--colourw);}
.content_map ul li:hover{background: var(--colour1);}

/*aside_tel*/
.aside_tel{width:100%;overflow: hidden; height:50px; line-height:50px; text-align:center;color:var(--colourw);background-color: var(--colour1);font-size:23px; font-family: Britannic;border-radius: 20px;height:40px; line-height:40px;}
.aside_tel:hover{background-color: var(--colour2); }
/*index_zz_box*/
.index_zz_box {padding:50px 0;margin: 0px 0;background-color: var(--colourf1);}
.index_zz_box li { width: 50%; box-sizing: border-box; overflow: hidden; float: left; text-align: center; position: relative;
 padding: 22px 5px; border-right: 1px #e6e6e6 solid;}
.index_zz_box li:nth-child(even){border-right: 1px transparent solid;}
.index_zz_box li em {font-style: normal;display: block; position: relative;}
.index_zz_box li em b {font-style: normal; font-family: Impact, Arial;color: var(--colour1);font-size: 47px; font-weight: 500; line-height: 45px; }
.index_zz_box li em i {font-style: normal;font-size: 15px; color: var(--colourw); background: var(--colour2); text-align: center; line-height: 25px; width: 25px; height: 25px; display: block; position: absolute; top: 0px; border-radius: 50%;}
.index_zz_box li:nth-of-type(1) em i{left: calc(50% + 13px);}
.index_zz_box li:nth-of-type(2) em i{left: calc(50% + 22px);}
.index_zz_box li:nth-of-type(3) em i{left: calc(50% + 35px);}
.index_zz_box li:last-of-type em i{left: calc(50% + 50px);}
.index_zz_box .zz1 span { font-size: 16px; color: #666;line-height: 30px; font-weight: 80; text-align: center; }
/*mod*/
.mod {padding:55px 0 40px 0;overflow: hidden;background: var(--colourf1);}
.mod_con {}
.mod_con ul {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.mod_con li {display: flex;width: calc(100%/2);padding:10px 0 10px 0;justify-content: space-evenly;}
.mod_con li i {padding: 4px 0;}
.mod_con li p {font-size:22px;line-height: 20px;padding-left: 12px;}
.mod_con li p span {display: flex;font-size: 15px;color: var(--colour999);line-height: 30px;}
/*index_title*/
.index_title {display: block;margin-bottom: 20px;text-align: center;}
.in_main_title{ margin-bottom: 30px;line-height: 1.5em;}
.in_main_title .title_cn{font-size: 24px;font-weight: 600;line-height: 1.5em;}
.in_main_title .title_cn span{color: var(--colour1);}
.in_main_title .title_en{position: relative;margin: 10px auto;}
.in_main_title .title_en:before{content:'';display: block;position: absolute;width:100%;height: 1px;top:50%;background: var(--colour1);}
.in_main_title .title_en span{padding:10px 20px;background: var(--colourw);z-index: 1;position: relative;}

.in_main_title .title_en_more{position: relative;margin: 10px auto;}
.in_main_title .title_en_more:before{content:'';display: block;position: absolute;width:100%;height: 1px;top:50%;background: var(--colour2);}
.title_en_more span{width:160px;padding:10px 40px;border: 1px solid var(--colour2);background: var(--colourw);z-index: 1;display: block;position: relative;margin: 0 auto;
  -webkit-transform: translateZ(0);transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;-webkit-transition-property: color; transition-property: color;
  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.title_en_more span:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: var(--colour2);
  -webkit-transform: scaleX(0);transform: scaleX(0);
  -webkit-transform-origin: 50%;transform-origin: 50%;
  -webkit-transition-property: transform;transition-property: transform;
  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.title_en_more span:hover:before{-webkit-transform: scaleX(1);transform: scaleX(1);}
.title_en_more span:hover a{color: var(--colourw);}

.in_main_title i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.in_main_title i::after,.in_main_title i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.in_main_title i::after{right: 0px;left: inherit;background:var(--colour2);animation:allTitleAfter 3s infinite linear;}
.in_main_title i::before{background:var(--colour2);animation:allTitleBefore 3s infinite linear;}
.in_main_title t{width: 30px;height: 5px;background:var(--colour1);margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
@keyframes allTitleI{
0%{transform:translateX(0px);}
25%{transform:translateX(-25px);}
50%{transform:translateX(0px);}
75%{transform:translateX(25px);}
100%{transform:translateX(0px);}
}
@keyframes allTitleBefore{
0%{width:15px;}
25%{width:0px;}
50%{width:15px;}
75%{width:30px;}
100%{width:15px;}
}
@keyframes allTitleAfter{
0%{width:15px;}
25%{width:30px;}
50%{width:15px;}
75%{width:0px;}
100%{width:15px;}
}
/*in_title*/
.in_title{height:40px;width:100%; line-height: 40px;border-bottom: 1px dashed var(--colour999);}
.in_title div{float: left; font-weight: bold; line-height: 38px; color: var(--colour1);font-size: 18px; border-left: 0;}
.in_title div .en{position: relative; top: 1px;text-transform: uppercase; padding-left: 5px; font: 500 14px/18px arial,sans-serif; -webkit-font-smoothing: antialiased;}
.in_title .more{float: right; padding-left: 5px;font-size: 14px;font-weight: normal;}
/*class_title*/
.class_title{height:36px;font-size: 1.125rem;line-height: 36px;width:100%;text-align:right;}
.class_title div{float: left; font-weight: 600; line-height: 18px; border-left: 0; padding-right: 12px; background: url(../images/icon-mark.png) right 6px no-repeat;}
.class_title div a:visited, .class_title div a:hover{ text-decoration: none; }
.class_title div .en, .en{position: relative; top: 1px; padding-left: 5px; font: 500 12px/18px arial,sans-serif; -webkit-font-smoothing: antialiased; color: (--colour999);}
/*news_box_rec*/
.news_box_rec{}
.news_box_rec_top{width:100%; overflow: hidden;margin-bottom:1rem;}
.news_box_rec_top a{display:block;background:var(--colourf1);overflow: hidden;padding:1rem;border-radius: 5px 5px 0 0;box-shadow: 0 0 10px rgba(0,0,0,0.2); margin:8px;}
.news_itemLeft_img{width:100%;overflow: hidden;}
.news_box_rec_top img{width:100%;height:100%;object-fit: cover;vertical-align: middle;transition: .6s;}
.news_box_rec_top:hover img{transform:scale(1.1);}

.news_itemLeft_text{width:100%;padding-top:2rem; overflow: hidden;}
.news_item_date{width:70px; float:left;text-align: center;vertical-align: top;line-height: 1;color:(--colour333);}

.news_item_date span{display:block;font-size:3.2rem;}
.news_item_date p{display:block;font-size:1rem;font-weight: 400;}
.news_item_txt{width:calc(100% - 90px);float:right; line-height: 1.5rem;padding-right: 1px;}
.news_item_tit{width:100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:1.125rem;padding-bottom:0.475rem;line-height: 1;}
.news_item_in{width:100%; overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;  font-size:0.937rem;transition: .6s;}
.newsitem_more{border:1px dotted var(--colour1); border-radius: 20px; width:120px;text-align: center;float: right;font-size:0.937rem;color:var(--colour1);padding:3px 0;margin-top: 10px;}
.news_box_rec_top:hover .newsitem_more{border:1px solid var(--colour2);background:var(--colour2);color: var(--colourw);transition: .6s;}



.news_box_right li{width:100%;display: block;background-color: var(--colourf1);margin-top: 8px;margin-bottom: 12px;}
.news_box_right li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.news_box_right li:hover p{}

.news_itemRight_text{width:100%;padding:.8rem 2px;overflow: hidden;}
.news_item_date{width:70px; float:left;text-align: center;vertical-align: top;line-height: 1;color:var(--colour333);}
.news_item_date span{display:block;font-size:3.0rem;}
.news_item_date p{display:block;font-size:1rem;font-weight: 400;}

.news_item_txt{width:calc(100% - 90px);float:right; line-height: 1.5rem;padding-right: 1px;}
.news_item_tit{font-size:1.125rem;padding-bottom:0.475rem;line-height: 1;width:100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_item_in{width:100%; overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;  font-size:0.937rem;transition: .6s;}

.news_box_right li:hover{background-color: var(--colour2);}
.news_box_right li:hover .news_item_date span,
.news_box_right li:hover .news_item_date p,
.news_box_right li:hover .news_item_txt,
.news_box_right li:hover .news_item_in,
.news_box_right li:hover .news_item_in span{color: var(--colourw);}

.wr .news_box_right li:last-child{display: none;}
/*news**list end*/


/* -- newstop -- */
.newstop {overflow: hidden;margin: 0 auto;}
.newstop dt {display: none;}
.newstop dd div {margin: 10px 0 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newstop dd div span{background: var(--colour2);color: var(--colourw);padding: 6px 20px;float: left;margin-right: 10px;}
.newstop dd div a {font-weight: bold;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.newstop dd p {height: 88px;line-height: 22px;padding-bottom: 8px;overflow: hidden;font-size: 12px;}
.newstop dt a:hover img{transform:scale(1.1);transition: .6s;}

/* -- txtMarquee-top -- */
.in_article{width: 60%;float: left;padding-top: 15px;}
.in_fqa{width: 36%;float: right;margin-left: 4%;padding: 15px 8px 8px;background-color: var(--colourf1);border-radius: 8px;}
.txtMarquee-top{ width:100%; overflow:hidden; position:relative;  border:0px solid var(--colourc);}
.txtMarquee-top .hd{ overflow:hidden;  height:30px; background:var(--colourf1); padding:0 10px;}
.txtMarquee-top .hd .prev,.txtMarquee-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
   cursor:pointer; background:url("/images/arrow.png") 0 -100px no-repeat;}
.txtMarquee-top .hd .next{ background-position:0 -140px;  }
.txtMarquee-top .hd .prevStop{ background-position:-60px -100px;}
.txtMarquee-top .hd .nextStop{ background-position:-60px -140px;}
.txtMarquee-top .bd{ padding:5px 0; }
.in_fqa .txtMarquee-top{height: 362px;}
.Marquee_bg{;background-color: var(--colourf1);padding: 15px;border-radius: 8px;}
.Marquee_bg .tempWrap{height: 525px!important;}
.Marquee43 .Marquee_bg .tempWrap{height: 486px!important;}

.infoList{}
.infoList li{display: block;margin-bottom: 20px;}
.infoList li div{margin-bottom: 10px;}
.infoList li div a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.infoList li .info{line-height: 1;}
.infoList li .info p{display: block;line-height: 16px;-webkit-line-clamp: 2;height: 3em;line-height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;margin-bottom: 0;transition:all .3s;}
.infoList li span{font-size: 10px; padding: 0px 1px 0px 0px;float: left;margin-top: 1px; margin-right: 10px;line-height: 14px;width: 14px;height: 14px;  text-align: center;}
.infoList li div span{background: var(--colour2);color: var(--colourw);}
.infoList li .info span{background: var(--colourw);color: var(--colour1);margin-top:3px;/*background:transparent; border-radius: 6px;*/}
/* -- news_vr -- */
.toutiao_title{height:50px;width:100%; line-height: 50px;text-align:right;border-bottom: 1px solid var(--colour999);}
.toutiao_title div{float: left;font-size: 18px; font-weight: bold;line-height: 46px;color: var(--colour1);border-left: 0;}

.toutiao li{border-bottom: 1px dotted var(--colour999);}
.toutiao li a:hover{color: var(--colour2);}
.toutiao li a {font-size: 17px;height: 40px;line-height: 40px;font-weight: bold;overflow: hidden;display: block;}

.picFocus{ margin:0 auto; padding: 5px; width:100%; border:1px solid var(--colourc); position:relative; overflow:hidden;  zoom:1;}
.picFocus .sign{position: absolute; top: 9px; left: 9px; padding: 8px 16px; z-index: 999;font-weight: 600;
  background: var(--colour1); font-size: 18px; color: var(--colourw);border-radius: 5px;}
.picFocus .hd{ width:100%; padding-top:5px;}
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ width:calc(25% - 0px); padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:calc(100% - 9px); border:2px solid var(--colourc); cursor:pointer; margin-right:5px; }

.picFocus .hd ul li.on{ background:url("../images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:var(--colour2);  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%; height: auto; display:block;  }
.picFocus .bd .www{ width:calc(100% - 0px);  margin-right:5px; background-color: var(--colour1);height: 40px;font-size: 16px; z-index: 4;margin-top: -40px!important;position:relative;color: var(--colourw);text-align: center;line-height: 40px;}
.videotitle{padding: 10px;text-align: center;background-color:var(--colourf1);margin-top: 5px;border-radius: 5px;font-size: 16px;}

.picFocus .pinpai-img video{max-width: 100%;height: auto !important;width: 100%;padding: 10px;background: var(--colourw);box-shadow: 0 3px 5px #e4eef2;}
/* -- newstop -- */
.newstop {overflow: hidden;margin: 0 auto;}
.newstop dt {display: none;}
.newstop dd div {margin: 10px 0 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newstop dd div span{background: var(--colour2);color: var(--colourw);padding: 6px 20px;float: left;margin-right: 10px;}
.newstop dd div a {font-weight: bold;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.newstop dd p {height: 88px;line-height: 22px;padding-bottom: 8px;overflow: hidden;font-size: 12px;}
.newstop dt a:hover img{transform:scale(1.1);transition: .6s;}
/*hotword*/
.product_table{zoom: 1;padding-bottom: 30px;}
.hotwords{width: 99.9%;margin: 0 auto;}
.hotwords li{position:relative;z-index:1;float:left;display:block;overflow:hidden;width:16.4%;height:88px;margin:0 0.3% 0.3% 0;font-size:12px;}
.hotwords li a{display:block;line-height: 88px!important;width: 100%;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hotwords li a:link,.hotwords li a:visited{position:absolute;z-index:10;padding:2px;line-height:1.1;text-decoration:none;color:var(--colourw);}
.hotwords .li_0,.hotwords .li_1,.hotwords .li_8{width:33.1%;font-size:16px;}
.hotwords .li_3,.hotwords .li_8{margin-right:0}
.hotwords .li_color_0,.hotwords .li_color_2,.hotwords .li_color_3,.hotwords .li_color_5,.hotwords .li_color_7,.hotwords .li_color_8{background-color: #0b5893;}
.hotwords .li_color_1,.hotwords .li_color_4,.hotwords .li_color_6{background-color: var(--colour2);}
.button-slide{overflow:hidden;color:#37474f;background:var(--colourw);-webkit-transition:color .3s;transition:color .3s}
.button-slide::before,.button-slide::after{content:"";position:absolute;z-index:1;bottom:100%;left:0;width:100%;height:100%;
  -webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transition-timing-function:cubic-bezier(0.75,0,.125,1);
transition-timing-function:cubic-bezier(0.75,0,.125,1)}
.button-slide::before{background-color: #0060b8;}
.button-slide::after{background-color: var(--colour2);}
.button-slide:hover{background-color: var(--colour2)\9!important;}
.button-slide:hover::before,.button-slide:hover::after,.hotwords-slide::before,.hotwords-slide::after{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.button-slide:hover::after{-webkit-transition-delay:.175s;transition-delay:.175s}
/*index_newsMain*/
.index_newsMain{background: var(--colourf1);padding: 30px 0;}
.index_newsMain .bd,.index_newsMain .bd ul{overflow: hidden;}
.index_newsMain .bd li{float:left;overflow:hidden;margin-top:-1px;}
.index_newsMain .bd li a{display:block;overflow:hidden;position:relative;z-index:2;background:var(--colourw);
  padding:20px;border-left: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;}
.index_newsMain .bd li .bgImg{height:262px;transition:all .6s;}
.index_newsMain .bd li .h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;
  color:(--colour333);padding:5px 0;transition:all .3s;font-weight:bold;}

.index_newsMain .bd li .date{display:block;font-size:12px;}
.index_newsMain .bd li .date i{font-style:normal;float:right;}
.index_newsMain .bd li p{font-size:12px;min-height: 5.4rem;line-height:1.8rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index_newsMain .bd li .bgImg{display:none;}

.index_newsMain .bd li a:hover .bgImg{transform: scale(1.1);}
.index_newsMain .bd .txt a:hover .bgImg{opacity:.2;}
.index_newsMain .bd .txt a:hover{color:var(--colourw);background-color:var(--colour2);}
.index_newsMain .bd .txt a:hover .h4{color:var(--colourw);}
.index_newsMain .bd .pic a:hover{color:var(--colourw);background-color:var(--colour2);}
.index_newsMain .bd .pic a:hover .h4{color:var(--colourw);}

.slideTxtBox{}
.slideTxtBox .hd,.slideTxtBox .bd{display: block;overflow: hidden;}
.slideTxtBox .hd{overflow: hidden;margin-bottom:30px;line-height: 48px;font-size: 1.125rem;text-align: center;}
.slideTxtBox .hd .hTitle{font-size: 1.375rem;font-weight: 600;}
.slideTxtBox .hd .hTitle span{color:var(--colour2);}
.slideTxtBox .hd ul{}
.slideTxtBox .hd ul li{color: var(--colour333);background:var(--colour2);margin-left: 40px;width: 148px;z-index: 2;display: inline-block;position: relative;}
.slideTxtBox .hd ul li:first-child{margin-left: 0;}
.slideTxtBox .hd ul li a{display: block;}
.slideTxtBox .hd ul li.on a{color: var(--colourw);}
.slideTxtBox .hd ul li.on{background:var(--colour1);}
/*index_about*/
.index_about{display: block;margin-bottom: 60px;margin-top: 30px;background: url("../images/pinpai_bg.jpg") repeat-x;}
.index-pinpai {padding: 0;color: var(--colourw);}
.pinpai-info .title{font-size: 24px;padding-bottom: 10px;}
.pinpai-info .title span{color: var(--colour2);}
.pinpai-info .title div {padding-bottom: 10px;}
.pinpai-info .title small {font-size: 18px;display: block;}
.pinpai-info p{line-height: 1.6;}
.aboutus-img img{max-width: 100%;height: auto !important;width: 100%;padding: 10px;background: var(--colourw);box-shadow: 0 3px 5px #e4eef2;}
.aboutus-img video{max-width: 100%;height: auto !important;width: 100%;padding: 10px;background: var(--colourw);box-shadow: 0 3px 5px #e4eef2;}
/*aboutus*/
.aboutus{display: block;padding: 50px 0;}
.in_about_img{display: none;}
.in_about_main{width: 100%;height: 100%; position: relative;z-index: 1;}
.idx_about .tlt {font-size:30px;color:var(--colour2);font-weight:bold;}
.idx_about .tlt span {font-size:30px;color:var(--colour1);padding-left:10px;}
.idx_about .idx_about_line {display:block;width:30px;height:3px;background:var(--colour2);margin:20px 0;}
.idx_about_con {line-height:28px;text-indent:28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.idx_about_more {display:block;width:22%;height:46px;border:1px solid var(--colour1);color:var(--colour1);font-size:16px;line-height:46px;margin-top:30px;border-radius:60px;text-align:center;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;text-decoration:none;}
.idx_about_more:hover {background:var(--colour1);color:var(--colourw);text-decoration:none;}

.aboutbtn{ font-size:0;margin-top:30px;}
.aboutbtn a{ display:inline-block; text-align:center; width:158px; line-height:46px; background:var(--colour1); transition:all .3s ease; font-size:16px; color:var(--colourw);}
.aboutbtn a:hover{ width:180px;}
.aboutbtn a+a{ background:var(--colour2);}
/*aboutvr*/
.aboutvr {display: block;padding: 50px 0;position: relative;z-index: 0;}
.in_about_vr{display:flex;justify-content: center;align-items: center;margin-bottom: 30px;}
.in_about_vr video {max-width: 100%;width: 100%;height: auto !important;background: var(--colourw);padding: 10px;box-shadow: 0 3px 5px #e4eef2;}

.bccinfo p{line-height: 2;}
.bccinfo p span{color: var(--colour2);}
.in_contact_more {display: block;text-align: center; margin: 18px auto 8px;font-size: 1rem;}
.in_contact_more a{width: 200px;padding: 8px;margin: 0 auto;color: var(--colourw);border: 1px solid var(--colour1);background: var(--colour1);z-index: 0;text-align: center;display: block;position: relative; -webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.in_contact_more a:after{content: '';position: absolute;z-index: -1;width: 0%;height: 100%;top: 0;left: 0;background: var(--colourw);z-index: -1;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.in_contact_more a:hover{color: var(--colour1);}
.in_contact_more a:hover:after{width: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}

.bg333{background: var(--colour333);color: var(--colourc);}
.bg333 .in_main_title .title_cn{color: var(--colourc);}
.bg333 .in_main_title .title_cn span{color: var(--colour2);}
.bg333 .in_main_title .title_en::before{background: var(--colour2);}
.bg333 .in_main_title .title_en span{background: var(--colour333);color: var(--colourc);}
.bg333 .in_contact_more a{color: var(--colour1);border: 1px solid var(--colour2);background: var(--colour2);}
.bg333 .in_contact_more a:after{background: var(--colour333)}
.bg333 .in_contact_more a:hover{color: var(--colour2);}
.bg333 .index_module_item{margin-bottom: 1.625rem;display: block;float: left;border: 1px solid var(--colour333);}

.bgfooter{background: var(--footer);color: var(--colourc);}
.bgfooter .in_main_title .title_cn{color: var(--colourc);}
.bgfooter .in_main_title .title_cn span{color: var(--colour2);}
.bgfooter .in_main_title .title_en::before{background: var(--colour2);}
.bgfooter .in_main_title .title_en span{background: var(--footer);color: var(--colourc);}
.bgfooter .in_contact_more a{color: var(--colour1);border: 1px solid var(--colour2);background: var(--colour2);}
.bgfooter .in_contact_more a:after{background: var(--footer)}
.bgfooter .in_contact_more a:hover{color: var(--colour2);}
.bgfooter .index_module_item{margin-bottom: 1.625rem;display: block;float: left;border: 1px solid var(--footer);}


.bgc1{background: var(--colour1);color: var(--colourc);}
.bgc1 .in_main_title .title_cn{color: var(--colourc);}
.bgc1 .in_main_title .title_cn span{color: var(--colour2);}
.bgc1 .in_main_title .title_en::before{background: var(--colour2);}
.bgc1 .in_main_title .title_en span{background: var(--colour1);color: var(--colourc);}
.bgc1 .in_contact_more a{color: var(--colour1);border: 1px solid var(--colour2);background: var(--colour2);}
.bgc1 .in_contact_more a:after{background: var(--colour1)}
.bgc1 .in_contact_more a:hover{color: var(--colour2);}
.bgc1 .index_module_item{margin-bottom: 1.625rem;display: block;float: left;border: 1px solid var(--colour1);}
.bgc1 .in_main_title t{background:var(--colour333);}
/*index_advan*/
.index_advan,.index_pro {display: block;padding: 50px 0;}
.in_advan_img{display: none;}
.in_advan_main{width: 100%;position: relative;z-index: 1;}
.in_advan_li{display: block;margin: 0 0 10px;}
.in_advan_li .adno{display: inline-block;float: left;width: 15%;font-size: 25px;transition: .8s;line-height: 1;}
.in_advan_li .in_advan_info{float: right;width: 85%;padding: 0;}
.in_advan_li .in_advan_info div{font-size: 18px;margin-top: 0;margin-bottom: 10px;transition: .8s;}
.in_advan_li .in_advan_info p{font-size: 13px;line-height: 1.5;}
.in_advan_li:hover .adno,.in_advan_li:hover .in_advan_info div{color: var(--colour2);transition: .8s;}
.in_advan_li:hover span{transform: rotateY(360deg);}
/*index_lc*/
.index_lc{padding: 30px 0;}
.lc_list{overflow: hidden;}
.lc_list ul{display: flex;justify-content: space-between;margin-top: 60px;position: relative;flex-wrap: wrap;}
.lc_list ul:after {position: absolute; content: "";width: calc(200%/3);height: 1px;border-top: 1px dashed rgba(14,19,31,0.13);bottom: 69px;left: calc(100%/6);clear: both;}
.lc_list ul li{width: calc(100%/3);display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 40px;}

.lc_list ul li>div{
  display: flex;justify-content: center;align-items: center;transition: all .5s;width: 52px;height: 52px;
  background: var(--colourlc1);
  background: -moz-linear-gradient(45deg,var(--colourlc1) 0%,var(--colourlc2) 100%);
  background: -webkit-linear-gradient(45deg,var(--colourlc1) 0%,var(--colourlc2) 100%);
  background: linear-gradient(45deg,var(--colourlc1) 0%,var(--colourlc2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient[ startColorstr='var(--colourlc1)',endColorstr='var(--colourlc2)',GradientType=1 ];
  box-shadow: 0 0 0 10px var(--colourlc3);
  border-radius: 52px;position: relative;margin-bottom: 10px;
 }
.lc_list ul li>div:after {content: '';position: absolute;z-index: 1;width: 92px;height: 92px;left: -20px;border-radius: 92px;top: -20px;
  background: var(--colourlc4);  }
.lc_list ul li:hover>div {
  background:var(--colourlch1);
  background:-moz-linear-gradient(45deg,var(--colourlch1) 0%,var(--colourlch2) 100%);
  background:-webkit-linear-gradient(45deg,var(--colourlch1) 0%,var(--colourlch2) 100%);
  background:linear-gradient(45deg,var(--colourlch1) 0%,var(--colourlch2) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient[ startColorstr='var(--colourlch1)',endColorstr='var(--colourlch2)',GradientType=1 ];
  box-shadow:0 0 0 10px var(--colourlch3);
  transition: all .5s;
  transform: translateY(-8px);}
.lc_list ul li:hover>div:after {background:var(--colourlch4);transition: all .5s;}

.lc_list ul li>div>span{font-size: 26px;color: var(--colourw);}
.lc_yd{width: 6px;height: 6px;border-radius: 100%;background: #0e131f;position: relative;margin:13px 0 14px;}
.lc_yd:after{position: absolute;content: "";width: 10px;height: 10px;border-radius: 100%;border:1px solid #0e131f;top: -3px;left: -3px;}
.lc_list ul li b{font-weight: normal;display: block;transition: all .5s;}
.lc_list ul li:hover .lc_yd{background: var(--colour2);}
.lc_list ul li:hover .lc_yd:after{border-color:var(--colour2);}
.lc_list ul li:hover b{color: var(--colour2);transform: rotateX(360deg);}
/* -- index_youshi -- */
.index_youshi{padding: 50px 0;}
.youshi_list{display: block;overflow: hidden;}
.youshi_list .youshi_item{display: block;float: left;width: calc(100%/6);padding: 0 10px;}
.youshi_list .youshi_item img{display: block;margin: 0 auto;}
.youshi_list .youshi_item span{display: block;text-align: center;color: var(--colourc);line-height: 20px;}
.youshi_list .youshi_item span:nth-child(2){font-size: 18px;font-weight: bold;line-height: 28px;}
/* -- hx_list -- */
.hx_list{overflow: hidden;}
.hx_list ul{display: flex;justify-content: space-between;margin-top: 20px;position: relative;flex-wrap: wrap;}
.hx_list ul li{width: calc(100%/6);display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 20px;}
.hx_list ul li i{font-size: 48px;border:var(--colour1) 3px solid;align-items: center;justify-content: center;color: var(--colour1);
  border-radius: 50%;margin-bottom: 10px;width: 88px;height: 88px;line-height: 88px;text-align: center;background-color: var(--colour2);}
.hx_list ul li span{display: block;text-align: center;color: var(--colourc);line-height: 20px;}
.hx_list ul li span:nth-child(2){font-size: 18px;font-weight: bold;line-height: 28px;}
/* -- rz_list -- */
.rz_list{overflow: hidden;}
.rz_list ul{display: flex;justify-content: space-between;position: relative;flex-wrap: wrap;}
.rz_list ul li{width: calc(100%/6);display: flex;flex-direction: column;justify-content: center;align-items: center;padding: calc(100%/12 - 4rem);position: relative;}
.rz_list ul li span{display: block;text-align: center;color: var(--colourc);line-height: 20px;position: absolute;}
.rz_list ul li:before {content: '';display: block;padding-top: 100%;width: 100%;height: 100%;z-index: 1;background: url(../images/rzico1.png) no-repeat center;background-size: cover;-webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.rz_list ul li:nth-child(even):before{content: '';display: block;padding-top: 100%;width: 100%;height: 100%;z-index: 1;background: url(../images/rzico2.png) no-repeat center;background-size: cover;-webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.rz_list ul li:hover::before {-webkit-transform: rotate(360deg);transform: rotate(360deg);}

/* -- index -- */
.index_news{display: block;padding: 30px 0;}

@media (max-width: 991px) {
  .logo_tel .logo_wel {display: none;}
  .nav .sub{display: none!important;}
  .footer .footer_l{display: none;}
  .pro_3list ul li,.pro_4list ul li{width:calc(98%/2);margin-right: 2%;}
  .pro_3list ul li:nth-child(even){margin-right: 0;}
  .pro_4list ul li:nth-child(even){margin-right: 0;}

}
/* 小屏幕（手机，小于 768px） */
@media (max-width: 767px) {
  .container {padding: 0 5px;}
  .footer_bg{height:260px;}
  .header_meta,.footer .footer_r,.copyright,.aside,.yb_conct,.sideFixed,.client-1,.client-2,.client-3{display: none;}
  .logo_tel .logo {width: 55.5%;}
  .logo_tel .tel {width: 44.5%;}
  .nav{height: auto;line-height: 1;margin: 0px;padding: 3px 0;}
  .nav>li{width: calc(100%/4);border: 1px solid var(--colourw);}
  .nav>li a{padding: 10px 0;}
  .navbar-foot{display: none;}
  .m_footer {display: block;}
  .m_but_menu{display: block;height: auto;padding: 0.745rem 0;}
  .footer_m{padding: 10px 5px;}
  .pos {height: auto;padding: 10px;background: url(../images/bg_ico.png);overflow: hidden;opacity: 0.8;}
  .pos_info,.pos_info a{color: var(--colour1);}
  .pos_info{width: 100%;text-align: left;line-height: 20px;}
  .home_site_key {background: url(../images/bg_ico.png);opacity: 0.8;}
  .home_site_con {width: 100%;}
  .home_key_con,.ico_bg {display: none;}
  .cate_name_box{display: none;}
  .main_box,.main_inbox{padding: 0.5rem;width: 100%;}
  .productinfo .info_left,.productinfo .info_right {width: 100%;margin-bottom: 15px;}
  .productinfo .info_right {margin-left: 0;}
  .thumblist li .img{display: none;}
  .thumblist li .txt{width: 100%;}
  .newsA_list ul li .news_time{width: 0;height: 0;margin: 0;}
  .newsA_list ul li .news_more {width: 0;height: 0;margin: 0;}
  .newsA_list ul li{padding: 0 20px 0 20px;}  
  .newsA_list ul li .news_more {width: 0;}
  .wl,.wr{width: 100%;margin-left: 0;padding: 15px 1.5%;}
  .in_article,.in_fqa{width: 100%;margin-left: 0;padding: 15px 2%;}
  .index_newsMain .bd li{width: 100%;}
  .index_newsMain .bd li .date {display: none;}
  .slideTxtBox .hd .hTitle,.slideTxtBox .hd ul{width: 100%;line-height: 40px;margin-bottom: 20px;}
  .slideTxtBox .hd ul li{width: auto;padding: 0 10px;margin-left: 10px;height: auto;}
  .index-pinpai {transform: translateY(10px);}
  .pinpai-info{padding: 10px 5px;}
  .pinpai-info,.aboutus-img{width: 100%;}
  .aboutus-img video {padding: 0;}
  .youshi_list .youshi_item,.hx_list ul li{width: calc(100%/3);padding: 10px;}
  .rz_list ul li{width: calc(100%/3);padding: calc(100%/6 - 3.5rem);}
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .container{width:750px}
  .navbar-nav li + li:before{content: " ";border-left:1px solid var(--colournl);border-right:1px solid var(--colournr);width: 0;display: inline-block;height: 20px;position:absolute;left: 0;top: 14px;}
  .navbar-foot{background-color:var(--footer);}
  .navbar-foot li + li:before{border-left:1px solid transparent;border-right:1px solid transparent;}
  .navbar-foot>li:focus,.navbar-foot li:hover a,.navbar-foot li a:focus,.navbar-foot li a:hover{background-color: var(--footer);color: var(--colour2);}
  .footer_m{padding: 25px 0;}
  .footer_m div{padding-left: 8px;}
  .m_title{display: none;}
  .pos{height: 50px;}
  .pos_info {overflow: hidden;z-index: 1;text-overflow: ellipsis;white-space: nowrap;}
  .pos_info,.pos_info a{line-height: 50px;color: var(--colourw);}
  .aside{float: left;width: 25%;}
  .main_box,.main_inbox{float: right;}
  .news_2list li {width: calc(98%/2);}
  .news_2list li:nth-child(odd){margin-right: 2%;}
  .popups{display: none;}
  .art_other1{width:calc(100% - 8rem);padding-left: 8rem;}
  .art_back {display: block;}
  .infowrap div #videoid{max-width: 70%;background: var(--colourf1);padding: 10px;box-shadow: 0 3px 5px #e4eef2;}
  .wr .news_box_right li{margin-bottom: 11px;}
  .toutiao li a {height: 46px;line-height: 46px;}
  .toutiaosp li a {height: 39px;line-height: 39px;}
  .toutiao li:nth-of-type(10){display: none;}
  .toutiao li:nth-of-type(9){display: none;}
  .toutiao li:nth-of-type(8){display: none;}
  .toutiao li:nth-of-type(7){display: none;}
  .toutiao li:nth-of-type(6){display: none;}
  .picFocus .pinpai-img{width: 100%;padding: 0px;transform: translateY(0px);}
  .picFocus .pinpai-img video{padding: 2px;}
  .index_newsMain .bd li{width: calc(100%/2);}
  .index_newsMain .bd li:last-child{display:none;}
  .index_newsMain .bd li p{margin-bottom:20px;}
  .slideTxtBox .hd{height: 48px;}
  .index-pinpai {display: flex;justify-content: space-between;transform: translateY(30px);}
  .pinpai-info,.aboutus-img{padding: 10px;width: 50%;transform: translateY(10px);}

  /** cm1_tp line **/ 
  .cm1_tp ul li {padding: 20px 20px;margin-bottom: 20px;}
  .cm1_tp .animBorder .loc_l,.cm1_tp .animBorder .loc_r{width: 2px;height: 0;}
  .cm1_tp .animBorder .loc_t,.cm1_tp .animBorder .loc_b{width: 0;height: 2px;}

  .animBorder{display: inline-block;*display: inline;position: relative;width:100%;}
  .animBorder .line{
    background-color: var(--colour2);
    position: absolute;
    transition: width .7s,height .7s,top .7s;
    -o-transition: width .7s,height .7s,top .7s;    /* Opera */
    -ms-transition: width .7s,height .7s,top .7s;    /* Opera */
    -moz-transition: width .7s,height .7s,top .7s;  /* Firefox 4 */
    -webkit-transition: width .7s,height .7s,top .7s;   /* Safari Chrome */
    z-index: 2;}
  .animBorder .loc_l{top:100%;left: 0;}
  .animBorder .loc_r{top: 0;right: 0;}
  .animBorder .loc_t{top: 0;left: 0;}
  .animBorder .loc_b{top: 100%;right: 0;}
  .animBorder:hover .loc_l{height: 100%;top: 0;}
  .animBorder:hover .loc_r{height:100%;}
  .animBorder:hover .loc_t{width:100%;}
  .animBorder:hover .loc_b{width:100%;}
  /** cm1_tp line **/ 

}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
  .container{width:970px}
  .nav>li:hover .dropdown-menu {display: block;}
  .dropdown-menu li a{padding: 10px 5px;}
  .footer_m div{border-left: 1px solid var(--colour3e);}
  .pro_3list ul li{width:calc(97.2%/3);margin-right: 1.4%;}
  .pro_3list ul li:nth-child(3n+3){margin-right: 0;}
  .pro_4list ul li{width:calc(95.8%/4);margin-right: 1.4%;}
  .pro_4list ul li:nth-child(4n+4){margin-right: 0;}
  .news_pages span{width:calc(100%/2);padding: 0;background: transparent;}

  .aside_tel{font-size:24px;background: var(--colour1) url(../images/telw.png) no-repeat; padding-left:40px; background-size:40px 40px;}
  .index_zz_box li { width: calc(100%/4);}
  .index_zz_box li:nth-child(2){border-right: 1px #e6e6e6 solid;}
  .mod_con li {width: calc(100%/4);}
  .wr .news_box_right li{margin-bottom: 27px;}
  .toutiao li a {height: 44px;line-height: 44px;}
  .toutiaosp li a {height: 42px;line-height: 42px;}
  .toutiao li:nth-of-type(7){display: block;}
  .toutiao li:nth-of-type(6){display: block;}
  .toutiaosp li:nth-of-type(7){display: none;}
  .slideBox{width:100%; height:auto; overflow:hidden; position:relative;height:540px;}
  .slideBox .bd{position:relative; height:100%; z-index:0;height:540px;}
  .slideBox .bd li{zoom:1; vertical-align:middle;height:540px;}
  .slideBox .bd img{width:100%; height:auto; display:block;height:540px!important;object-fit: cover;}
  .slideBox .hd {height:30px;line-height:30px;}
  .slideBox a.prev,.slideBox a.next{display:block;}
  .index-pinpai {transform: translateY(50px);}
  .pinpai-info .title div {margin-top: 20px;}
  .in_about_img{display:flex;width: 50%;justify-content: center;align-items: center;}
  .in_about_img img {width: 80%;max-height: 100%;}
  .in_about_main{width: 50%;}
  .idx_about_con {height:84px;-webkit-line-clamp: 3;}
  .aboutvr {background: var(--colour333);padding: 50px 0 80px 0;}
  .aboutvr::after {content: "";position: absolute;left: 0;right: 50%;top: 0;bottom: 60px;background: var(--colourw);border-radius: 0 0 80px 0;z-index: -1;}
  .aboutvr .idx_about {width: 95%;text-align: left;}
  .aboutvr .idx_about .tlt {color: var(--colour2);}
  .aboutvr .idx_about .idx_about_line{background: var(--colour2);}
  .aboutvr .aboutbtn{}
  .aboutvr .aboutbtn a+a{ background:var(--colour2);}
  .aboutvr .in_about_vr{width: 50%;justify-content: right;align-items: right;margin-bottom: 0;}
  .aboutvr .in_about_vr video {width: 90%;}
  .in_advan_img{float: left;display:flex;width: 50%;justify-content: center;align-items: center;}
  .in_advan_img {margin-top: 105px;}
  .in_advan_img img {width: 80%;max-height: 100%;}
  .in_advan_main{width: 50%;float: right;}
  .in_advan_main::before{width: 3px;z-index: -1;height: 100%;content: " ";position: absolute;background: var(--colourf1);top: 0;left: calc(15% + 37.5px);}
  .in_advan_li{margin: 15px 0 30px;}
  .in_advan_li .adno{font-weight: bold;font-size: 18px;line-height: 75px;}
  .in_advan_li span{display: inline-block;height: 75px;width: 75px;float: left;transition: .8s;}
  .in_advan_li:nth-of-type(1) span{background: url(../images/in_advan_img1.png) no-repeat center;}
  .in_advan_li:nth-of-type(2) span{background: url(../images/in_advan_img2.png) no-repeat center;}
  .in_advan_li:nth-of-type(3) span{background: url(../images/in_advan_img3.png) no-repeat center;}
  .in_advan_li:nth-of-type(4) span{background: url(../images/in_advan_img4.png) no-repeat center;}
  .in_advan_li .in_advan_info{width: 65%; padding: 4.5px 0;}
  .lc_list ul:after {width: 89.1%;left: 5.45%;}
  .lc_list ul li{width: calc(100%/9);}
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
  .container{width:1170px}
  .newstop dt {overflow: hidden;border: 1px solid var(--colourc);float: right;display:inline;}
  .newstop dt img{height: 130px;width: 210px;}
  .newstop dd {float:left;width: calc(100% - 220px);}
  .wr .news_box_right li{margin-bottom: 17px;}
  .wr .news_box_right li:last-child{display: block;}
  .toutiao li a {height: 43px;line-height: 43px;}
  .toutiaosp li a {height: 44px;line-height: 44px;}
  .toutiao li:nth-of-type(9){display: block;}
  .toutiao li:nth-of-type(8){display: block;}
  .toutiaosp li:nth-of-type(7){display: block;}
  .index_newsMain .bd li{width: calc(100%/3);}
  .index_newsMain .bd li .bgImg,.index_newsMain .bd li:last-child{display:block;}
  .index_newsMain .bd li p{margin-bottom:20px;}
  .index_newsMain .bd li .h4{padding:25px 0 15px 0;}
  .index_newsMain .bd li.pic a{border-left:none;}
  .index_newsMain .bd .pic .hidde{display:block;overflow: hidden;}
  .index_newsMain .bd .pic .h4{z-index:2;position:relative;}
  .index_newsMain .bd .txt .bgImg{position: absolute;z-index:-1;opacity:0;top:0;left:0;}
  .index_newsMain .bd .txt .h4{padding-top:0;}
  .index_newsMain .bd .txt a{padding:30px 20px;}
  .idx_about_con {height:140px;-webkit-line-clamp: 5;}
  .aside_tel{font-size:28px; padding-left:50px; background-size:50px 50px;border-radius: 25px; height:50px; line-height:50px;}
}
/* 超大屏幕（大桌面显示器，大于等于 1800px） */
@media (min-width: 1800px) {
  .container{width:1400px}
  .wr .news_box_right li{margin-bottom: 30px;}
  .toutiao li a {height: 52px;line-height: 52px;}
  .toutiaosp li a {height: 53px;line-height: 53px;}
  .index_newsMain .bd .txt a{padding:42px 20px 41.5px;}
}